/* inter-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-500 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Inter/inter-v7-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.svg#Inter') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'Roboto Mono';
font-weight: 400;
font-style: normal;
src: url('../fonts/Roboto-Mono/RobotoMono-VariableFont_wght.ttf') format('truetype'),
     local('Roboto Mono');
}

@font-face {
font-family: 'Ubuntu';
font-weight: 400;
font-style: normal;
src: url('../fonts/Ubuntu-Regular/Ubuntu-Regular.eot');
src: url('../fonts/Ubuntu-Regular/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'),
    local('Ubuntu'),
    local('Ubuntu-Regular'),
    url('../fonts/Ubuntu-Regular/Ubuntu-Regular.woff2') format('woff2'),
    url('../fonts/Ubuntu-Regular/Ubuntu-Regular.woff') format('woff'),
    url('../fonts/Ubuntu-Regular/Ubuntu-Regular.ttf') format('truetype'),
    url('../fonts/Ubuntu-Regular/Ubuntu-Regular.svg#Ubuntu') format('svg');
}

@font-face {
font-family: 'Ubuntu';
font-weight: 500;
font-style: normal;
src: url('../fonts/Ubuntu-500/Ubuntu-500.eot');
src: url('../fonts/Ubuntu-500/Ubuntu-500.eot?#iefix') format('embedded-opentype'),
    local('Ubuntu Medium'),
    local('Ubuntu-500'),
    url('../fonts/Ubuntu-500/Ubuntu-500.woff2') format('woff2'),
    url('../fonts/Ubuntu-500/Ubuntu-500.woff') format('woff'),
    url('../fonts/Ubuntu-500/Ubuntu-500.ttf') format('truetype'),
    url('../fonts/Ubuntu-500/Ubuntu-500.svg#Ubuntu') format('svg');
}

@font-face {
font-family: 'Ubuntu';
font-weight: 400;
font-style: italic;
src: url('../fonts/Ubuntu-italic/Ubuntu-italic.eot');
src: url('../fonts/Ubuntu-italic/Ubuntu-italic.eot?#iefix') format('embedded-opentype'),
    local('Ubuntu Italic'),
    local('Ubuntu-italic'),
    url('../fonts/Ubuntu-italic/Ubuntu-italic.woff2') format('woff2'),
    url('../fonts/Ubuntu-italic/Ubuntu-italic.woff') format('woff'),
    url('../fonts/Ubuntu-italic/Ubuntu-italic.ttf') format('truetype'),
    url('../fonts/Ubuntu-italic/Ubuntu-italic.svg#Ubuntu') format('svg');
}

@font-face {
font-family: 'Ubuntu';
font-weight: 500;
font-style: italic;
src: url('../fonts/Ubuntu-500italic/Ubuntu-500italic.eot');
src: url('../fonts/Ubuntu-500italic/Ubuntu-500italic.eot?#iefix') format('embedded-opentype'),
    local('Ubuntu Medium Italic'),
    local('Ubuntu-500italic'),
    url('../fonts/Ubuntu-500italic/Ubuntu-500italic.woff2') format('woff2'),
    url('../fonts/Ubuntu-500italic/Ubuntu-500italic.woff') format('woff'),
    url('../fonts/Ubuntu-500italic/Ubuntu-500italic.ttf') format('truetype'),
    url('../fonts/Ubuntu-500italic/Ubuntu-500italic.svg#Ubuntu') format('svg');
}
@font-face {
font-family: 'Oswald';
font-weight: 300;
font-style: normal;
src: url('../fonts/Oswald-300/Oswald-300.eot');
src: url('../fonts/Oswald-300/Oswald-300.eot?#iefix') format('embedded-opentype'),
    local('Oswald Light'),
    local('Oswald-300'),
    url('../fonts/Oswald-300/Oswald-300.woff2') format('woff2'),
    url('../fonts/Oswald-300/Oswald-300.woff') format('woff'),
    url('../fonts/Oswald-300/Oswald-300.ttf') format('truetype'),
    url('../fonts/Oswald-300/Oswald-300.svg#Oswald') format('svg');
}

@font-face {
font-family: 'Oswald';
font-weight: 400;
font-style: normal;
src: url('../fonts/Oswald-regular/Oswald-regular.eot');
src: url('../fonts/Oswald-regular/Oswald-regular.eot?#iefix') format('embedded-opentype'),
    local('Oswald Regular'),
    local('Oswald-regular'),
    url('../fonts/Oswald-regular/Oswald-regular.woff2') format('woff2'),
    url('../fonts/Oswald-regular/Oswald-regular.woff') format('woff'),
    url('../fonts/Oswald-regular/Oswald-regular.ttf') format('truetype'),
    url('../fonts/Oswald-regular/Oswald-regular.svg#Oswald') format('svg');
}

@font-face {
font-family: 'Oswald';
font-weight: 700;
font-style: normal;
src: url('../fonts/Oswald-700/Oswald-700.eot');
src: url('../fonts/Oswald-700/Oswald-700.eot?#iefix') format('embedded-opentype'),
    local('Oswald Bold'),
    local('Oswald-700'),
    url('../fonts/Oswald-700/Oswald-700.woff2') format('woff2'),
    url('../fonts/Oswald-700/Oswald-700.woff') format('woff'),
    url('../fonts/Oswald-700/Oswald-700.ttf') format('truetype'),
    url('../fonts/Oswald-700/Oswald-700.svg#Oswald') format('svg');
}
* { outline:none; }
html { height: 100%; }
body { margin:0; padding:0; overflow:auto; background-color:#F9F9F9; user-select:text; font-family: Ubuntu,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* #content-container { margin-left:224px; min-width:768px; min-height: 400px; padding:78px 16px 35px 16px !important; transition: margin-left 0.55s; will-change: margin-left; } */
#content-container #event-nav,
#content-container #app-management-bar,
#content-container #configs-title-bar { transition: left 0.55s, width 200ms; will-change: left; border-radius:2px; }
#content-container.cover-left { margin-left: 0!important; transition: margin-left 0.55s; will-change: margin-left; }
#content-container.cover-left #event-nav,
#content-container.cover-left #app-management-bar,
#content-container.cover-left #configs-title-bar { left:18px; transition: left 0.55s, width 200ms; will-change: left; }

/* #content {padding-bottom:15px; } */
a { color:inherit; text-decoration:none; }
a:visited { color:inherit; }
a:hover { color:inherit; }
a:active { color:inherit; }
#app-tooltip{display: none; position: absolute; z-index: 1000; background-color: #CCC; height: 45px; margin-left:5px;}
#app-tooltip .app-container{padding-left:11px;}
.break {word-wrap: break-word; word-break: break-all;}
.trim {text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
.over {z-index:100;}
#no-app-type{width: 100%; padding: 20px 0; text-align: center; border: 1px dashed #CCC; font: 13px Ubuntu,Helvetica,sans-serif;}
#no-app-type a{color:#72AE4B; text-decoration: underline;}
table { border-collapse: collapse; }

/* FLASH */
.flash{ -moz-animation: flash 2s ease-out; -moz-animation-iteration-count: 1; -webkit-animation: flash 2s ease-out; -webkit-animation-iteration-count: 1; -ms-animation: flash 2s ease-out; -ms-animation-iteration-count: 1; animation: flash 2s ease-out; animation-iteration-count: 1;}
@-webkit-keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} }
@-moz-keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} }
@-ms-keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} }
@keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} }

/* FOOTER */
#content-footer{position: fixed; bottom:0; left:0px; width: 100%; background-color: #292929; font: 11px Ubuntu,Helvetica,sans-serif; color: #585858; height: 35px; z-index:999;}
#content-footer span{float: left; line-height: 35px; margin-left:10px; text-align:left; }
#content-footer ul {list-style: none; float: right; margin: 0; padding: 0; margin-right: 10px;}
#content-footer ul li{float: left; margin-right: 7px; margin-left: 7px; line-height: 35px;}
#content-footer ul li a { transition:color 1s; cursor: pointer; }
#content-footer ul li a:hover { color:#2FA732; transition:color 1s; }

/* SIDEBAR */
#sidebar { position:fixed; left:0; width:224px; background-color:#0B131A; height:100%; z-index:998; user-select:none; }
#sidebar-top { display: none; height:112px; padding-top:11px; border-right:1px solid #ABABAB;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,adacac+100 */
background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top,  #e6e6e6 0%, #adacac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e6e6e6 0%,#adacac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e6e6e6 0%,#adacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #888;
}
#sidebar-menu { position: relative; margin-top:59px; }
.scroll-active .sidebar-menu { height:auto; position:relative; }
.sidebar-menu{padding-bottom:120px;}
#sidebar-menu .sidebar-menu .menu-category-title{padding-left:16px; padding-right:15px; padding-top:16px; font:12px Ubuntu,Helvetica,sans-serif; color:#9F9F9F; width: 195px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:block; text-transform: uppercase; padding-bottom: 5px;}
#sidebar-menu .sidebar-menu .menu-category-title.active, #sidebar-menu .sidebar-menu .menu-category:hover .menu-category-title{color: #FFF;}
#sidebar-menu .sidebar-menu .menu-category .menu-category-title:hover {color:#9F9F9F; }
#sidebar-menu .sidebar-menu .menu-category .menu-category-title.active:hover {color: #FFF; }
#sidebar-menu .sidebar-menu .menu-category>.item { width:225px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:26px; padding-top:3px; display:block; cursor:pointer; }
    #sidebar-menu .sidebar-menu .menu-category>.item.hide { display: none; }
    #sidebar-menu .sidebar-menu .item:hover { background-position:446px; }
    #sidebar-menu .sidebar-menu .menu-category>.item.active { background-color: #2FA732; border-color: #2FA732; }
    #sidebar-menu .sidebar-menu .item.menu-active { background-color: #02060B; border-color: #02060B }
    #sidebar-menu .sidebar-menu .item .logo { color:#9F9F9F; width:25px; height:22px; float:left; margin-left:16px; margin-top:2px; font-size: 18px; text-align: center; }
    #sidebar-menu .sidebar-menu .item .logo .material-icons { font-size:19px; margin-top:1px; }
        /* Fix for old .fa icons, this can be removed once all enterprise plugins have updated icons */
        #sidebar-menu .sidebar-menu .item .logo.fa {
            width: 24px !important;
            height: 25px !important;
            line-height: 24px !important;
            font-size: 18px !important;
            margin-left: 17px !important;
        }
    #sidebar-menu .sidebar-menu .menu-category>.item>.logo-icon { background-image:none; font-size:24px; text-align:center; padding-top:4px; width: 35px; margin-left: 14px; line-height: 34px; }
        #sidebar-menu .sidebar-menu .item.active .logo { color:#FFF; }
    #sidebar-menu .sidebar-menu .item .text { margin-left:15px; float:left; padding-top:3px; font:14px Ubuntu,Helvetica,sans-serif; line-height:130%; color:#9F9F9F; max-width: 140px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        #sidebar-menu .sidebar-menu .item.active:hover .logo { color: #f6f6f6; }
        #sidebar-menu .sidebar-menu .item.menu-active:hover .logo,
        #sidebar-menu .sidebar-menu .item.menu-active .logo { color: #f6f6f6; }
        #sidebar-menu .sidebar-menu .item:hover .logo { color: #FFF; }
        #sidebar-menu .sidebar-menu .item:hover .text { color: #FFF; }
        #sidebar-menu .sidebar-menu .item:hover .ion-chevron-right { color: #FFF; }
        #sidebar-menu .sidebar-menu .item.active .text { color:#FFF; }
    #sidebar-menu .sidebar-menu .item .ion-chevron-right { position: absolute; right: 15px; font-size: 10px; color: #505050; padding-top: 7px; }
        #sidebar-menu .sidebar-menu .item.active .ion-chevron-right { color:#f6f6f6; }

#sidebar-menu .sidebar-menu .sidebar-submenu { display:none; position:absolute; top:0; background-color: #02060B; right:0; width:175px; height:100%; z-index:1; }
    #sidebar-menu .sidebar-menu .sidebar-submenu .menu-title { min-height:16px; padding: 14px 0 15px 25px; color: #ececec; font-family: Ubuntu; font-size: 14px; }
    #sidebar-menu .sidebar-menu .sidebar-submenu .submenu-close { right: 18px; position: absolute; top: 14px; font-size: 14px; cursor: pointer; opacity: 0.7; }
        #sidebar-menu .sidebar-menu .sidebar-submenu .submenu-close:hover { opacity: 1; }
    #sidebar-menu .sidebar-menu .sidebar-submenu .item,
    #sidebar-menu .sidebar-menu .sidebar-submenu .disabled-item { text-transform:capitalize; background-color: #02060B text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:30px; display:block; padding-left:8px; cursor:pointer; }
    #sidebar-menu .sidebar-menu .sidebar-submenu .disabled-item { cursor:default; }
        #sidebar-menu .sidebar-menu .sidebar-submenu .item .logo-icon { display:none; color:#888; width:30px; height:30px; float:left; margin-left:8px; margin-top:8px; text-align:center;}
        #sidebar-menu .sidebar-menu .sidebar-submenu .item .logo { display:none; color:#888; width:30px; height:30px; float:left; margin-left:8px; margin-top:1px; }
                #sidebar-menu .sidebar-menu .sidebar-submenu .item.active .logo,
                #sidebar-menu .sidebar-menu .sidebar-submenu .item.active .logo-icon { color:#2FA732; }
            #sidebar-menu .sidebar-menu .sidebar-submenu .item .text { margin-left:17px; float:left; padding-top:8px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#888; }
                #sidebar-menu .sidebar-menu .sidebar-submenu .item:hover .text { color: #FFF; }
                #sidebar-menu .sidebar-menu .sidebar-submenu .item.active .text { color:#2FA732; }
                #sidebar-menu .sidebar-menu .sidebar-submenu .item.active:hover .text { opacity:1; }
                #sidebar-menu .sidebar-menu .sidebar-submenu .item:last-child { background-image:none; margin-bottom: 120px;}
                #sidebar-menu .sidebar-menu .sidebar-submenu .item.help-toggle.active { color:#666; }

            #management-submenu.sidebar-submenu .disabled-item  { opacity:0.3; }
            #management-submenu.sidebar-submenu .disabled-item .logo { width:30px; height:30px; float:left; margin-left:8px; margin-top:1px; }
            #management-submenu.sidebar-submenu .disabled-item .text { margin-left:17px; float:left; padding-top:8px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#666; }

@media only screen and (max-height: 800px) {
#sidebar-menu .sidebar-menu .item .logo { width:25px; height:22px; float:left; margin-left:16px; margin-top:3px; font-size: 16px; }
#sidebar-menu .sidebar-menu .item .logo .material-icons { font-size:17px; margin-top:1px; }
#sidebar-menu .sidebar-menu .item .logo.fa {
    width: 24px !important;
    height: 25px !important;
    line-height: 24px !important;
    font-size: 16px !important;
    margin-left: 17px !important;
}
#sidebar-menu .sidebar-menu .menu-category>.item>.logo-icon { background-image:none; font-size:22px; text-align:center; padding-top:5px; width: 35px; margin-left: 14px; line-height: 34px; }
}
@media only screen and (min-height: 801px) {
#sidebar-menu .sidebar-menu .menu-category>.item {
    padding-top: 5px;
    padding-bottom: 2px;
}
#sidebar-menu .sidebar-menu .menu-category-title{padding-bottom: 10px;}
}

#sidebar-event-count { float:right; border-radius:15px; font-family:Oswald; font-size:13px; color:#DDD; background-color:#333; border:1px solid #0C0C0C; box-shadow:0 1px 1px 0 #4A4A4A, inset 0 1px 1px 0 #1f1f1f; padding:2px 6px; margin:7px 10px 0 0; }
.item.active #sidebar-event-count { border-color:#6BB96E; box-shadow:0 0 1px 0 #ACE7B1, inset 0 1px 1px 0 #1f1f1f; }
/* SIDEBAR END */

/* DASHBOARD */
#dashboard-graph,
#dashboard-graph-secondary { font-family:Oswald; font-size:14px; margin:0 30px !important; }
#dashboard-graph .legendLabel,.graph .legendLabel { font-family:Ubuntu !important; font-size:14px !important; }

.usparkline, .dsparkline {display: none;}

.graph-no-data { display:none; height:100%; position:relative; }
    .graph-no-data .inner { user-select:none; text-align: center; position: absolute; width: 400px; left: 50%; margin-left: -200px; height: 64px; margin-top: -40px; top: 50%;}
        .graph-no-data .inner .icon { display: inline-block; width: 60px; height: 60px; background-image: url("../images/dashboard/graph-no-data.svg"); background-size: contain; margin-right: 20px; background-repeat: no-repeat; }
        .graph-no-data .inner .text { cursor:default; display: inline-block; color: #a2a2a2; vertical-align: text-bottom; margin-bottom: 23px; font-size: 16px; }

.widget { margin-bottom:16px; border-radius:2px; }
.widget-no-shadow { box-shadow: none; }
.widget-header { height:41px; position:relative; padding:8px 8px; color:#666; font-size:13px; border-top-left-radius:2px; border-top-right-radius:2px; border:1px solid #D0D0D0; border-bottom:none; background-color:#ECECEC; }
        .widget-header .left { float:left; margin-top:2px; margin-left:2px; }
        .widget-header .right { float:right; margin-right:2px; }
        .widget-header .right input { height: 26px; }
        .widget-header>.title { font:19px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#636363; float:left; }
        .widget-header .back { font:16px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#636363; margin-right: 10px;}
        .widget-header .left .title { font:19px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#636363; float:left; padding-top:8px; float:left; margin-left:3px; text-transform: uppercase; }
            .widget-header .left .title.small { font-size:16px; padding-top: 0; }
            .widget-header .left .title.dynamic-title { max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
                @media (min-width: 1601px) and (max-width: 1700px) { .widget-header .left .title.dynamic-title {max-width: 500px;} }
                @media (min-width: 1401px) and (max-width: 1600px) { .widget-header .left .title.dynamic-title {max-width: 400px;} }
                @media (min-width: 1301px) and (max-width: 1400px) { .widget-header .left .title.dynamic-title {max-width: 300px;} }
                @media (min-width: 1101px) and (max-width: 1300px) { .widget-header .left .title.dynamic-title {max-width: 250px;} }
                @media (max-width: 1100px) { .widget-header .left .title.dynamic-title {max-width: 100px;} }
        .widget-header .logo { float:left; width:38px; height:38px; }
        .widget-header .logo.font-logo { color:#6E6E6E; background-image: none; height:31px; font-size: 25px; padding-top: 5px; text-align: center; }
        .widget-header .logo.font-logo2 { color:#6E6E6E; background-image: none; height:31px; font-size: 25px; text-align: center; padding-top: 4px; }
            .widget-header .logo.font-logo>a { line-height: 10px; }
            .widget-header .logo.sessions { background-position:-38px; }
            .widget-header .logo.frequency { background-position:-76px; }
            .widget-header .logo.countries { background-position:-114px; }
            .widget-header .logo.devices { background-position:-152px; }
            .widget-header .logo.carriers { background-position:-190px; }
            .widget-header .logo.loyalty { background-position:-228px; }
            .widget-header .logo.app-versions { background-position:-266px; }
            .widget-header .logo.platforms { background-position:-304px; }
                    .widget-header .logo.durations { background-position:-380px; }
                    .widget-header .logo.resolutions { background-position:-418px; }
                    .widget-header .logo.densities { background-position:-456px; }
.widget-tips { display:none; background-color: #f9f9f9; padding: 10px 14px; color: #868686;  font-size: 13px; border: 1px solid #d0d0d0; border-bottom-color: #e9e9e9;overflow: auto;}
.widget-footer { text-align:right; min-height:10px; color:#666; font-size:11px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; border:1px solid #D0D0D0; border-top:none; background-color:#FFF; box-shadow:inset 0 1px 0 #FFF; overflow:hidden; }
    .widget.google-disabled .widget-footer { border-top:2px solid #D0D0D0; }
.widget-content { background-color:#FFF; border:1px solid #D0D0D0; }
    .widget.google-disabled .widget-content { display: none; }
.fix-two-columns { position:relative; }

.widget-group { border:1px solid #D0D0D0; margin-bottom: 16px; border-radius:2px; }
.widget-group .dashboard-summary { margin:0; border-top:1px solid #d0d0d0; }
.widget-group .big-numbers.top.widgets .inner,
.widget-group .dashboard-summary .item .inner { border-radius:0; margin-left:0; box-shadow: none !important; border-left: 1px solid #D0D0D0; padding:10px 15px; }
.widget-group .big-numbers.top.widgets:first-child .inner,
.widget-group .dashboard-summary .item:first-child .inner { margin-left:0; border:none; }
.widget.segmentation-widget {margin-bottom: 0px;}
.segmentation-table #dataTableTwo_wrapper {margin-top: 0px; overflow: auto; position: relative;}

#big-numbers-container, .big-numbers-container,
#intermediate-numbers-container { overflow:hidden; position:relative; }
#big-numbers-container.dashboard , .big-numbers-container.dashboard { border:1px solid #D0D0D0; border-bottom:none; padding-bottom:8px; }
    .big-numbers { float:left; position:relative; }
    .widget-footer .big-numbers:first-child .inner { border-bottom-left-radius:2px; }
    .widget-footer .big-numbers:last-child .inner { border-bottom-right-radius:2px; }
    .big-numbers .inner { border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F9F9F9; height:180px; text-align:center; }
        .widget-content .big-numbers .inner { height:190px; cursor:pointer; }
        .widget-footer .big-numbers .inner { height:100px; border-bottom:none; background-color:#f4f4f4; }
        .big-numbers.active .inner { background-color:#FFF; }
        .big-numbers:first-child .inner { border-left:none; }
        .big-numbers:last-child { position:absolute; right:0; border-left:none; }
    .big-numbers .select { padding-top:7px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#5B5B5B; position:absolute; height:23px; width:100%; background-color:#D6D6D6; box-shadow:inset 0 1px 0 #F6F6F6; }
        .big-numbers .select .title { max-width:156px; overflow:hidden; text-overflow:ellipsis; margin:0 auto; white-space:nowrap; }
        .widget-content .big-numbers .select { bottom:1px; border-top:1px solid #A1A2A2; cursor:pointer; }
        .widget-footer .big-numbers .select { top:0; border-bottom:1px solid #A1A2A2; position:relative; }
        .big-numbers.active .select { color:#EEE; background-color:#2B2B2B; box-shadow:inset 0 1px 0 #5E5E5E; border-top-color:#404040; border-bottom:1px solid #616161; bottom:0; }
    .big-numbers .inner .logo { width:60px; height:60px; margin:0 auto; }
    .big-numbers .number { font:30px Oswald; color:#666; }
        .widget-content .big-numbers .number { margin-top:1px; }
        .widget-footer .big-numbers .number { margin-top:7px; }
        .big-numbers.active .number { color:#333; }
    .big-numbers  .arrow { display:none; width:18px; height:8px; position:absolute; left:50%; z-index:2; margin-left:-9px; bottom:-6px; }
    .big-numbers.active .arrow { display:block; }
    .big-numbers .spark { margin-top:11px; }
    .big-numbers .color { height:5px; }
            /*.big-numbers:nth-child(1) .color { background-color:#52A3EF; }
            .big-numbers:nth-child(2) .color { background-color:#FF8700; }
            .big-numbers:nth-child(3) .color { background-color:#0EC1B9; }
            */
    .widget-content .big-numbers .trend { width:12px; height:9px; right:7%; top:11px; position:absolute; }
    .widget-footer .big-numbers .trend { width:12px; height:9px; right:20px; top:62px; position:absolute; }
    .widget-footer .big-numbers .check {width: 12px; height: 9px; left: 20px; top: 57px; position: absolute; font-size: 19px; color: #bbb;}
    .widget-content .big-numbers .change { right:15px; white-space:nowrap; top:-1px; position:absolute; font:10px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#999; }
        .big-numbers.active .change { color:#333; }

    .map-list { background-image:url('../images/dashboard/map_dotted_bg.png'); background-color:#FFF; height:400px; border:1px solid #D0D0D0; position: relative;}
        #geo-chart { display: inline-block; }
        #geo-chart-outer { border-radius:7px; text-align: center; margin-top: 25px; float:left; width:70% }
        #geo-chart-outer.big { float: none; margin: 0 auto; margin-top: 25px; width: auto; }
        #map-list-right { float:left; margin-top: 20px; width:30%; height:330px; overflow:hidden; }
            #geo-chart-outer.empty { width: 100%; }
            #geo-chart-outer.empty + #map-list-right { display: none; }

        .data-type-selector-group .big-numbers.top .inner { height: 30px; }

        .geo-switch .cly-button-group {position: absolute; top:0px; left:0px;}
        .geo-switch .cly-button-group .icon-button:first-child{border-bottom-left-radius:0; border-top-left-radius:0px; border-left:none;}
        .geo-switch .cly-button-group .icon-button:last-child { border-top-right-radius:0; border-bottom-right-radius:0; }
        .geo-switch .cly-button-group .icon-button{border-top:none;}

        .map-list-item { overflow:hidden; padding: 5px 25px 5px 1px; }
        .flag { float:left; width:16px; height:11px; border-radius:2px; box-shadow:0 0 1px 0 #333; margin-top:1px; margin-right:10px; background-image:url('../images/flags/tr.png'); background-repeat: no-repeat; }
            .flag.ch { width:11px !important; margin-right:15px; }
            .flag.me { width:16px !important; height:12px !important; }
            .flag.np { width:9px !important; background-position:0 0; margin-right:17px; }
        .map-list-item .flag { margin-top:6px; }
        .map-list-item:hover .flag {}
        .map-list-item .total { float:right; color:#646464; font:17px Oswald; margin-right:10px; line-height:23px; }
        .map-list .country-name { width:128px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; color:#646464; font-size:15px; line-height:23px; }
        .map-list .bar { float:left; margin-left:10px; height:15px; margin-top:2px; background-color:#333; }
        #country-toggle {font-size:12px; padding: 7px;}
    .graph { font:14px Oswald; z-index:1; }
    .graph table tr:nth-child(n+10){ display:none; }
    .pie-chart-container { float:left; width:50%; position:relative; height:360px; }
        .pie-chart-container .graph-segment-container { position:absolute; left:10px; top:10px; z-index:3; }
    .pie-overlay { position: absolute; z-index: 1; width: 225px; height: 225px; left: 50%; margin-left: -115px; top: 66px; border: 2px solid #e6e6e6; border-radius: 200px; }
    .pie-overlay .title { font-size:11px; color:#969696; margin:0 auto; text-align:center; margin-top:8px; max-width:100px; line-height:17px; }
    .pie-overlay .logo { color:#969696; margin:0 auto; text-align:center; margin-top:79px; font-size: 40px; width: 100%; }
    .pieLabel { max-width: 100px; }
        .pieLabel div { font-size:10px !important; }

.big-numbers.top .inner { height:170px; cursor:pointer; }
.big-numbers.top .select { bottom:1px; cursor:pointer; padding-top:7px; font-size:12px; line-height:111%; color:#969696; position:absolute; height:23px; width:100%; background-color: transparent !important; background-image: none !important; box-shadow: none; border:none;  }
.big-numbers.top .select.large { height: 29px; }
    .big-numbers.top .select.large .title { font-size:12px; }
.big-numbers.top.active .select { border-bottom:1px solid #FFF; bottom:0;  }
.big-numbers.top .inner .logo { margin:0 auto; font-size: 30px; line-height: 30px; width: 30px; height: 30px; padding-top: 15px; margin-bottom: 10px; }
.big-numbers.top .inner .logo.ion { background-image:none; font-size: 30px; line-height: 30px; color: #969696; }
.big-numbers.top.active .inner .logo.ion { color: #535353; }
.big-numbers.top .inner .logo.material { background-image:none; }
.big-numbers.top .inner .logo.material .material-icons { font-size: 30px; line-height: 30px; color: #969696; }
.big-numbers.top.active .inner .logo.material .material-icons { color: #535353; }
.big-numbers.top .number { font:30px Oswald; color:#666; margin: 0; }
.big-numbers.top.active .number { color:#333; }
.big-numbers.top .title { padding-top:2px; padding-bottom:3px; font-size:10px; color:#666666; text-transform: uppercase; }
.big-numbers.top .spark { margin-top:14px; }
.big-numbers.top.active .spark { display: none; }
.big-numbers.top .trend { display: none; font-size:11px; margin-top:20px; position: relative; top:inherit; right: inherit; width: auto; height: auto; }
.big-numbers.top .trend .material-icons { font-size: 16px; vertical-align: middle; margin-right:5px; }
.big-numbers.top .trend.u,
.big-numbers.top .trend.u .change { color:#83C986 !important; }
.big-numbers.top .trend.d,
.big-numbers.top .trend.d .change { color:#DB6E6E !important; }
.big-numbers.top.active .trend { display: block; }
.big-numbers.top .change { display:inline-block; vertical-align: middle; position: relative; top:inherit; right: inherit; }

.big-numbers.top.widgets { border:none; }
.big-numbers.top.widgets .inner { cursor:default; border:none; margin-left:5px; background-color: #FFF; box-shadow: inset 0 0 0 1px #D0D0D0; border-radius: 2px; padding:10px; height:66px; }
.big-numbers.top.widgets:first-child .inner { margin-left:0; }
.big-numbers.top.widgets.dark .inner { border:none; background-color: #3c3c3c; box-shadow: none; }
.big-numbers.top.widgets.dark .inner .number,
.big-numbers.top.widgets .inner .title { color:#484848; font-size:12px; padding-top: 8px; }
.big-numbers.top.widgets.dark .inner .title { color:#FFF; }
/* DASHBOARD END */

/* NEW BIG NUMBERS */

.big-numbers-v2 { margin-top: -1px; padding-top: 10px; border-color: #D0D0D0; }
.big-numbers-v2 #big-numbers-container, .big-numbers-v2 .big-numbers-container { margin: 0 auto; }
.big-numbers-v2 .big-numbers .inner { border-left: none; border-top: none; text-align: center; padding-top: 30px; background-color: #FFF; height: 100px; }
.big-numbers-v2.condensed .big-numbers .inner { padding-top: 10px; background-color: #FFF; height: 80px; }
.big-numbers-v2 .big-numbers:nth-child(1) .inner { border-left:none; }
.big-numbers-v2 .big-numbers .select { text-transform: uppercase; color: #484848; font-size:13px; border:none; box-shadow:none; background: transparent; display: inline-block; width: auto; padding-top: 0px; margin-left: 8px; vertical-align: top; height: auto; }
.big-numbers-v2 .big-numbers .color { display: inline-block; width:15px; height:15px; margin-top: 0; border-radius: 1px; }
.big-numbers-v2 .big-numbers.radio,
.big-numbers-v2 .big-numbers.check { cursor: pointer; }
.big-numbers-v2 .big-numbers.radio:hover,
.big-numbers-v2 .big-numbers.check:hover { opacity: 0.7; }
.big-numbers-v2 .big-numbers.radio .color,
.big-numbers-v2 .big-numbers.check .color { width:13px; height:13px; border-radius:20px; background-color: transparent;  cursor:pointer; }
.big-numbers-v2 .big-numbers.check .color { border-radius:1px; }
.big-numbers-v2 .big-numbers.radio.selected .color,
.big-numbers-v2 .big-numbers.check.selected .color { box-shadow:inset 0 0 0 1px #FFF; cursor: default; }


.big-numbers-v2 .big-numbers .number { margin-top: 2px; color:#484848; font-size: 34px; }
.big-numbers-v2 .big-numbers .trend { margin-top:5px; height: auto; width: auto; top:0; right:0; position: relative; }
.big-numbers-v2 .big-numbers .trend i { font-size: 13px; }
.big-numbers-v2 .big-numbers .trend.u { color:#83C986; }
.big-numbers-v2 .big-numbers .trend.d { color:#DB6E6E; }

.google-disabled .big-numbers.radio .color { display: none; }
.google-disabled .big-numbers.radio { cursor: default; }
.google-disabled .big-numbers.radio:hover { opacity: 1; }

/* APP NAVIGATION */
#app-management-bar { z-index:3; border-radius: 2px; }
#app-management-bar #app-nav-head { padding-left:15px; }
#app-nav-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:85px; float:left; padding-top:4px; }
#app-nav { width:190px;  display:none; text-align:right; height:100%; position:fixed; left:31px; z-index:997; padding-bottom: 120px; box-sizing: border-box; box-shadow: inset -1px 0 0 0 #d4d4d4; background-color: rgba(239, 239, 239, 0.7); }
#app-nav-head { height:27px; padding:15px 20px 15px 15px; color:#636363; font:18px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:left; background-color: #ECECEC; border-bottom:1px solid #d0d0d0; }
#app-nav-head .button-container { overflow:hidden; position:absolute; top:22px; right:10px; }
.app-container { cursor:pointer; height:26px; padding:8px 12px; padding-left:32px; overflow:hidden; border-top: 1px solid #d0d0d0; background-color: #efefef; }
.app-container:first-child { border-top:none; }
.app-container:hover { background-color: #dedede; }
.app-container.active { background-color: #dedede; }
.app-container .logo { float:left; width:20px; height:20px; background-size:22px 22px; margin-top:2px; border-radius:4px; border:1px solid #a2a2a2; background-position:center; }
.app-container .name { width:125px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; margin-left:10px; padding-top:6px; color:#6b6b6b; font:13px Ubuntu,Helvetica,sans-serif; }
.new-app-name { width:300px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#sort-app-button { padding: 7px 1px; }
#sort-app-button i { font-size: 20px; margin: 0; line-height: 16px; }
/* APP NAVIGATION END */

#app-management-bar { overflow:hidden; width:180px; position:fixed; left:242px; top:79px; text-align:right; background-color:#efefef; max-height:580px; box-sizing: border-box; box-shadow: 0 0 0 1px #d0d0d0; }
#app-management-bar .app-container { padding-left:10px; position: relative; }
#app-management-bar .app-container.active { }
#app-management-bar .app-container.active:hover { opacity:1; }

#app-management-bar.expand { width:300px; box-shadow: 0 5px 18px 0 #a5a5a5, 0 0 0 1px #d0d0d0; }
#app-management-bar.expand .app-container .name { width:245px; transition:width 200ms; }
#app-management-bar .nav-search input {
transition:width 200ms;
-webkit-appearance: textfield;
width: 100%;
height: 30px;
padding-right: 20px;
}
#app-management-bar.expand .nav-search input {
/*width:278px;*/
transition:width 200ms;
}

#management-app-container { max-height: 450px; }
#manage-new-app { display: none; }
.app-details input { width:310px; }
#add-new-app .hint, .app-details .hint { padding-top: 8px; font-size:11px; color:#B7B6B6; clear: both; }
#add-app-button {display: block; text-align: center; padding: 10px 0 12px 0; border-bottom: 1px solid #d0d0d0; font: 13px Ubuntu,Helvetica,sans-serif; color: #6b6b6b; cursor: pointer;}
#add-app-button:hover{background-color: #dedede;}
#add-app-button i {color: #2fa732; margin-right: 5px; font-size: 18px; display: inline-block; vertical-align: bottom; margin-bottom: -4px;}
#app_details {margin-left: 10px; text-decoration:underline; font-size: 11px; color: #2FA732; cursor: pointer;}
.app-details table.d-table {border-collapse:separate; border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
.app-details table.d-table td  {border-top:1px solid #ececec; border-bottom:none;}
.app-details table.d-table tr:first-child td  {border-top:none; border-bottom:none;}
.app-details #app-edit-timezone .read .flag { box-shadow: none; }
.app_details_table{min-width: 800px; position: relative;}
.dialog.app_details_table .indicator{margin-bottom: 0;}
.dialog.app_details_table .buttons { box-shadow: inset 0 1px 0 #ccc; padding: 13px; margin-top: -1px; }
.app_details_table table.d-table{margin-bottom:0;}
.app_details_table td{border-left: 1px solid #ececec; line-height:25px;}
.app_details_table table.d-table tr td.second-header{width: 150px;}
.app_details_table .indicator {display:none;}
.dialog.app_details_table {border:none !important; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25);}
.dialog.app_details_table table {border-left:none; border-right:none;}
.dialog.app_details_table .d-table th:first-child{border-top-left-radius: 0px;}
.dialog.app_details_table .d-table th:last-child{border-top-right-radius: 0px;}
.dialog.app_details_table .title { font: 19px Ubuntu,Helvetica,sans-serif;
line-height: 100%;
color: #636363;
margin-left: 0px;
text-transform: uppercase; height:auto; padding:20px 15px 15px 20px; border-bottom: 1px solid #cccccc;}
.app_details_table table.d-table tr:nth-child(odd):hover {
background-color: #FFFFFF;
}

.app_details_table table.d-table tr:nth-child(even):hover {
background-color: #F9F9F9;
}

#code-countly {background-color: #fff; border-radius: 2px; padding: 20px; border: 1px solid #D0D0D0; margin-left: 199px;}
#code-countly h3 {font-size: 16px; color: #636363; margin-top: 0px;}
#code-countly p {font-size: 14px; line-height: 20px; color: #AFAFAF;}
#code-countly p.select-platforms {font-size: 12px; text-transform:uppercase; color: #D4D4D4;}
#code-countly .sdks {overflow: auto;}
#code-countly .sdks a{color: #2FA732; float: left; text-decoration: none; font-size: 14px; margin-right: 20px;}
#code-countly .sdks a:hover { text-decoration: underline; }
#code-countly-content {margin-left: 135px;}
#code-countly-logo {background-image: url('../images/dashboard/apps-sdk-icon.svg'); float: left; width: 100px; height:100px; background-repeat: no-repeat; background-position: 50% 0%;}

/* TABLES */
.dataTables_wrapper { margin:15px 0; position: relative; }
table.d-table { width:100%; padding:0; margin:0; border-radius:2px; margin-bottom:20px; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
table.d-table:not(.no-fix) { table-layout:fixed; }
.d-table  th { padding:11px 10px 10px 10px; color:#484848; font-weight:normal; font-size:11px; text-transform: uppercase; line-height:12px; text-align:left; border-bottom:1px solid #E2E2E2; background-color:#F3F3F3; border-top: 1px solid #D0D0D0; }
.d-table  th:first-child { border-left:none; border-top-left-radius:7px; }
.d-table  th:last-child { border-top-right-radius:7px; }
.d-table  thead tr { background-color:transparent; }
.d-table  td { padding:10px 10px; margin:0; color:#6B6B6B; }
.d-table  td:first-child { border-left:none; font-weight:normal; }
.d-table  tr { font-size:15px; line-height:12px; background-color:#fff}
.d-table  tr:first-child { border-top:none; }
.d-table  tr:last-child { border-bottom:none; }
.d-table  tr:nth-child(even){ background-color:#F9F9F9}
.d-table  tr:hover { background-color:#F1F1F1; }
.d-table  tr td.dataTables_empty:hover { background-color:#FFFFFF; }
.d-table  tr:last-child td { border-bottom:none; }
.d-table  tr:last-child td:first-child { border-bottom-left-radius:7px; }
.d-table  tr:last-child td:last-child { border-bottom-right-radius:7px; }
.d-table .table-no-data { text-align:center; font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:20px; color:#CCC; }
.d-table .table-no-data:hover { background-color:#FFF; }
.d-table.horizontal { border-radius:0; }
.d-table.horizontal  tr:hover { background-color:#FFF; }
.d-table.horizontal  tr:nth-child(even):hover { background-color:#FBFBFB; }
.d-table.horizontal td:first-child { color: #636363; width:155px; }
.d-table.horizontal tr:last-child td { border-radius:0; }
.table-edit { display:none; }
.table-edit td, .table-add td { padding:10px; }
.table-edit .icon-button, .table-add .icon-button { float:right; }

.dataTable td { font-family:Ubuntu,Helvetica,sans-serif; font-size:12px; line-height:15px; }
.d-table .shrink {width: 1%;}
.d-table .center{text-align: center;}
.d-table .right{text-align: right;}

div.datatablesubrow {display: none;}

.d-table tr[id] { cursor: pointer; }
.d-table tr.selected {background-color: #FFE4C9;}

.d-table input[type=text],
.d-table input[type=number],
.d-table textarea { border-radius:2px; margin:0; font:14px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px; border:1px solid #D0D0D0; width:274px; }
.d-table textarea { max-width: 274px; }
.d-table input[type=password] { border-radius:2px; margin:0; font:14px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px; border:1px solid #D0D0D0; width:274px; }

.table-template {margin-top: -16px;}

.dataTable { border-radius:0 !important; margin-bottom:0 !important; }
.dataTable th { border-radius:0 !important; outline:none; cursor:pointer; }
.dataTable th.sorting_disabled { cursor:auto; }
.dataTable td { border-radius:0 !important; }
.dataTable-bottom, .dataTable-top { border: 1px solid #D0D0D0; padding:0; overflow:auto; color:#969696; font-weight:normal; font-size:10px; line-height:111%; text-align:left; background-color:#ECECEC; }
.dataTable-top { border-bottom:none; color:#BBB; transition:color 0.5s; border-top-left-radius:2px; border-top-right-radius:2px; }
.dataTable-bottom { display:none; border-top:1px solid #E2E2E2; border-bottom-left-radius:2px; border-bottom-right-radius:2px; background-color: #ECECEC; }
.dataTable-top:hover { color:#888; transition:color 0.5s; }
.dataTable-top .dataTables_filter { float:left; padding-top:5px; display:none; }
.dataTable-top .dataTables_filter input { font-size:13px; margin:0; border-radius:2px; background-color:#FFF; border:1px solid #CCC; width:200px; transition:width 0.5s; outline:none; padding:2px 6px; }
.dataTable-top .dataTables_length { float:right ; padding:5px 11px; border-left: 1px solid #cccccc;}
.dataTable-top .dataTables_length label { text-transform: uppercase; }
#dataTables_length_input {font-size:13px; margin:0; border-radius:2px; background-color:#FFF; border:1px solid #CCC; width:200px; transition:width 0.5s; outline:none; padding:2px 6px; width: 50px; margin-left: 9px;}
.dataTable-top .DTTT_container { float:right; padding: 11px 0; padding-top: 12px; }
.dataTable-top .DTTT_container a { margin-right:10px; }
.dataTable-top .DTTT_container a:hover { text-decoration:underline; }
.DTTT_container { visibility:hidden; }
.DTTT_container .DTTT_button { position:relative; display:inline-block; }
.DTTT_container .DTTT_button div>* { vertical-align:inherit; }
.save-table-data { float:right; font-size:17px; padding:8px 12px 7px 7px; cursor:pointer; }
.search-table-data { float:left; font-size:17px; padding:8px 7px 7px 7px; cursor:pointer; }
.FixedHeader_Cloned .dataTable { border-bottom:none; }
.dataTable-bottom .dataTables_info { float:left; padding:5px 10px; }
.dataTables_paginate { float:right; }
.dataTables_paginate span { display:inline-block; padding:7px 6px 5px 6px; font-size:20px; cursor:pointer; border-left:1px solid #CCC; }
.dataTable-bottom .dataTables_paginate span { font-size:18px; padding-right:5px; }
.dataTables_paginate .paginate_disabled_previous { opacity:0.2; }
.dataTables_paginate .paginate_disabled_next { opacity:0.2; }
.dataTable thead th.sorting_asc:after { color:#2FA732; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0de"; margin-left: 7px; vertical-align: text-top; margin-top: 7px; line-height: 5px; }
.dataTable thead th.sorting_desc:after { color:#2FA732; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0dd"; margin-left: 7px; vertical-align: text-top; margin-top: 2px; line-height: 6px; }
.dataTable thead th.sorting:after { color:#BBBBBB; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0dc"; margin-left: 7px; vertical-align: text-top; margin-top: 4px; line-height: 6px; }

.d-table.horizontal { border:1px solid #D0D0D0; }
.d-table.horizontal td { border-bottom:1px solid #ececec; padding: 12px; }
.d-table.horizontal tr,
.d-table.horizontal tr:hover,
.d-table.horizontal tr:nth-child(even),
.d-table.horizontal tr:nth-child(even):hover { background-color: #FFF; }
.d-table.horizontal .populate-demo-data td,
.d-table.horizontal td td { border-bottom:none; }

.table-placeholder { z-index:-1; display:block; height: 100%; min-height:120px; background-color: #FFF; border:1px solid #D0D0D0; border-radius:2px; border-top-left-radius: 0; border-top-right-radius: 0; opacity: 1; position: absolute; top:0; width: 100%; box-sizing: border-box; }
.table-placeholder .top { height: 34px; border-bottom: 1px solid #d0d0d0; background-color: #ECECEC; }
.table-placeholder .header { height: 33px; border-bottom: 1px solid #d0d0d0; background-color: #F3F3F3; }

.table-loader { height: 1px; width: 100%; position: absolute; overflow: hidden; background-color: transparent; top:33px; left:0; box-sizing: border-box; margin:0; z-index: 1; }
.table-loader:before{ display: block; position: absolute; content: ""; left:-200px; width: 200px; height: 1px; background-color: #2fa732; animation: table-loading 2s linear infinite; animation-delay:1s; }
@keyframes table-loading {
from {left: -30%; width: 30%;}
50% {width: 30%;}
70% {width: 70%;}
80% { left: 50%;}
95% {left: 120%;}
to {left: 100%;}
}
/* TABLES END */

.icon-button { min-height:14px; cursor:pointer; float:left; padding:7px 12px; border-radius:2px; font:12px Ubuntu,Helvetica,sans-serif; line-height:15px; overflow:auto; margin-left:8px; }
.icon-button:hover { opacity:0.8; }
.icon-button.light { color:#717171; background-color:#FDFDFD; box-shadow:inset 0 0 0 1px #DCDCDC; }
.icon-button.disabled { opacity:0.5; }
.icon-button.dark { background-color:#02060b; color:#BFBFBF; box-shadow:inset 0 0 0 1px #02060b; }
.icon-button .icon { float:left; margin-right:7px; background-repeat:no-repeat; }
.icon-button .text { float:right; padding-top:2px; }
.icon-button.create-report,
.icon-button.green { background-color:#2EB52B; color:#FFF; box-shadow:inset 0 0 0 1px #2EB52B; }
.icon-button.delete-app,
.icon-button.red,
.dialog.red #dialog-continue { background-color:#D63E40; color:#FFF; box-shadow:inset 0 0 0 1px #D63E40; }
.icon-button i { margin-right:6px; line-height: 9px; }

.button .back{ color: #666; cursor:pointer; user-select:none; background-color:#E0E0E0; float:left; padding:8px 20px; padding-top:7px; border:1px solid #A5A5A5; border-radius: 2px; font: 13px Ubuntu,Helvetica,sans-serif; margin-top: 5px; margin-right: -5px;}
.button .back:hover { background-color:#F9F9F9; }
.button .back i{position: relative; top: 1px; left: -7px;}

.btn-header { float: right; margin-top: 6px; margin-left: 8px; margin-right: 5px; overflow: hidden; }
.btn-header.left { margin-top: 6px; margin-left: 17px; }
.btn-header :before { line-height: 10px; vertical-align: bottom; }
.widget-header .left .btn-header { margin-top: 4px; }
#segmentation .btn-header { margin-top: 0; margin-left: 5px; }

#date-selector { float:right; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#6B6B6B; padding:6px; padding-right:0; user-select:none; position: relative; }
#date-selector .button { visibility: visible; cursor:pointer; user-select:none; padding:7px 5px 7px 5px; margin-right:-1px; color: #ffffff; font-size:13px; line-height:13px; }
.date-selector-buttons {background-color: #03060c; width: 160px; position:absolute; right:0; top:0; padding: 0px 20px;margin: 0px -3px 0 0; border-top-right-radius:2px; border-bottom-right-radius:2px; height:100%}
.date-selector-buttons .button:nth-child(1) { margin-top:20px;}
.widget-header:hover #date-selector .button { visibility: visible; }
#date-selector .date-buttons-container { float: left;}
#date-selector .date-buttons-container .button:first-child { border-top-left-radius:2px; border-bottom-left-radius:2px; }
#date-selector .date-buttons-container .button:last-child { border-top-right-radius:2px; border-bottom-right-radius:2px; border-right:1px solid #D0D0D0; }
#date-selector .button:hover { background-color:#1b2732; }
#date-selector .button:active  { background-color:#1b2732; }
#date-selector .button.active { background-color:#1b2732; }
#date-selector>.calendar { background-color:#f9f9f9; border:1px solid #D0D0D0; color:#767676; cursor:pointer; float:right; border-radius:2px; margin:0 5px 0 13px; height:27px; text-align: center; padding: 0px 30px 0px 30px; min-width:200px; text-align:left}
#date-selector>.calendar:hover { background-color:#F9F9F9; }
#date-selector>.calendar i {font-size: 18px; position:absolute; top: 12px; left:26px;}
#date-selector .calendar .up, #date-selector .calendar .down {
    position: absolute;
    right: 16px;
    top:15px;
    color:#767676;
}
#date-selector .calendar-block { vertical-align: top;}
#date-selector .calendar .up {display:none;}
#date-selector .calendar.active .up { display:block;}
#date-selector .calendar.active .down {display:none;}
#date-selector .calendar-block .calendar-input-field { float: right; display: inline-block; width: 100px; padding: 9px 9px 9px 9px; font-size: 13px; line-height:13px; text-align:center; border:none; background-color: #1b2732; color: #ffffff; margin: 0 10px; border-radius:2px; border: 1px solid #1b2732; }
#date-selector .calendar-block .calendar-input-field:hover {
    border: 1px solid #243544;
}
#date-selector .calendar-block span.date-input-label {float: right; display: inline-block; text-transform: uppercase; color: #d2d2d1; margin-top:11px; font: 12px Ubuntu,Helvetica,sans-serif;}
#date-picker, .date-picker, .date-picker-ext-wrapper{ white-space:nowrap; display:none; position:absolute; z-index:1000; padding:2px 3px 6px 3px; background-color:#0b131a; border-radius:2px; right: 2px; top: 41px; }
#date-picker .calendar-container, .date-picker .calendar-container, .date-picker-ext-wrapper .calendar-container { overflow:auto; padding:10px 5px; margin-right:200px; }
#date-picker .calendar-container .calendar, .date-picker .calendar-container .calendar, .date-picker-ext-wrapper .calendar-container .calendar { vertical-align: top; margin-bottom:10px; }
#date-picker .calendar-container .calendar:nth-child(2) { margin-right:0; }
#date-picker .button-container { overflow:auto; position:absolute; right: 20px; bottom: 15px;}
#date-picker .button-container .icon-button { display: inline-block; padding: 7px 10px; float: right }
#date-picker .in-range a{
    background: rgba(46, 167, 50, 0.6);
    border-radius: 2px;
    margin: 1px;
    padding: 4px;
}
#date-picker .in-range a.ui-state-hover {
    background:#1b2732;
}

#date-picker .ui-datepicker-title {
    font-size:13px;
}

#date-picker:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #03060c; right: 9px; top: -11px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#selected-date {font-size:13px; color:#767676; line-height:28px; }

.threes-column .big-numbers { width:33%; }
.threes-column .big-numbers:last-child { width:34%; }
.two-column .big-numbers { width:50%; }
.one-column .big-numbers { width:100%; position:relative; }

.two-columns { width:50%; }

.three-column { width:33%; }
.three-column:nth-child(2) { width:34%; }
.three-column:last-child { width:33%; }

.six-column { width:17%; }
.six-column:first-child { width:16%; }
.six-column:last-child { width:17%; }

.four-column, .dashboard-summary .item.four-column { width:25%; }
.five-column, .dashboard-summary .item.five-column { width:20%; }

.sticky-header.hide { display:none; }
.sticky-header { top:0; position:fixed; }
.sticky-header table { border:none; border-radius:0; }
.sticky-header table th { box-shadow: inset 0 -1px 0 0 #d0d0d0; border-bottom: none; outline: none; cursor: default; position:relative; cursor:pointer;}
.sticky-header table th.sorting_disabled { cursor:auto; }
.sticky-header table th:first-child { box-shadow: inset 0 -1px 0 0 #d0d0d0, inset 1px 0 0 0 #d0d0d0; }
.sticky-header table th:last-child { box-shadow: inset 0 -1px 0 0 #d0d0d0, inset -1px 0 0 0 #d0d0d0; }

/* DATEPICKER */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { text-decoration: none; border:none; color: #FFF; font-size:12px; padding:5px; background-color:transparent; text-align:center; background-image:none; box-shadow: none; }
.ui-datepicker a,
.ui-datepicker-inline a { text-decoration: none !important; }
.ui-widget-content .ui-state-hover { background-color:#1b2732; color:#ffffff; text-shadow:none; background-image:none; margin: 1px; padding: 4px; border-radius: 2px; }
.ui-widget-content .ui-state-active { background-color:#2FA732; color:#FFF; text-shadow:none; background-image:none; margin: 1px; padding: 4px; border-radius: 2px; }
.ui-datepicker.ui-widget { padding:10px; background-color: #0b131a; }
.ui-datepicker td { padding:0; border:1px solid #192733; border-left:none; background-color: transparent; }
.ui-datepicker th { font-weight:normal; font-size:8px; }
.ui-datepicker-inline { border-radius:0; }
.ui-datepicker-inline table { margin:0 auto; font-weight:normal; width:99%; }
.ui-datepicker-calendar tbody,
.ui-datepicker-inline table tbody { border:1px solid #192733; }
.ui-datepicker-group-last .ui-datepicker-calendar {}
.ui-datepicker { width:190px ! important; border:none; }
.ui-widget-header { border-radius:0; border:none; background-color:transparent; background-image:none; color:#FFF; font-weight:normal; font-size:12px; height:23px; }
.ui-datepicker { font-weight:normal; line-height:111%; overflow:auto; }
.ui-widget-content { background-color:transparent; background-image:none; padding:0; }
.ui-datepicker-calendar thead { font-weight:normal; border-bottom:1px solid #BBBBBB; }
.ui-datepicker-calendar thead th { text-transform:uppercase; height:15px; text-align: center; color:#d6d6d6; border:none; background-image:none; padding: 9px 3px 0 3px; }
.ui-datepicker-calendar tr { line-height: 111%; }
.ui-datepicker-calendar tr:last-child td { border-bottom:none; }
.ui-datepicker-calendar td:last-child { border-right:none; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:154px; margin:5px; box-shadow:0 1px 1px 1px #000; }
.ui-datepicker th { padding:4px 3px; }
.ui-corner-all.ui-state-hover { background-color:transparent; border:none; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { width:15px; height:20px; }
#date-picker .ui-datepicker .ui-datepicker-prev,
#date-picker .ui-datepicker .ui-datepicker-next { height:23px; }
.ui-datepicker-inline .ui-datepicker-prev,
.ui-datepicker-inline .ui-datepicker-next { height:21px; }
.ui-datepicker .ui-widget-header .ui-icon { background-image: none; text-indent: 3px; }
.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e { font-family: 'Font Awesome 5 Free';font-weight: 900; text-align:right; width:11px; overflow: hidden; color:#bfbfbf; font-size:10px; }
.ui-icon-circle-triangle-w:before { content: "\f053  "; }
.ui-icon-circle-triangle-e:before { content: "\f054  "; }
.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover { padding:0; }
.ui-datepicker .ui-datepicker-title { line-height:21px; }
.ui-datepicker-other-month span { opacity: 0; }


.calendar-light .ui-datepicker.ui-widget { padding:1px; background-color: #FFF; }
.calendar-light .ui-state-default,
.calendar-light .ui-widget-content .ui-state-default,
.calendar-light .ui-widget-header .ui-state-default { color:#000; }
.calendar-light .ui-widget-content .ui-state-hover { color:#424242; }
.calendar-light .ui-widget-content .ui-state-active { color:#FFF; }
.calendar-light .ui-datepicker td,
.calendar-light .ui-datepicker-calendar tbody,
.calendar-light .ui-datepicker-inline table tbody { border-color:#CCC; }
.calendar-light .ui-widget-header { color:#000; }


.datepicker-extended{
display: inline-block;
}

.datepicker-extended.datepicker-range .in-range a {
background: rgba(46, 167, 50, 0.6);
border-radius: 2px;
margin: 1px;
padding: 4px;
}

.datepicker-extended.datepicker-range .point a{
    background-color: #2FA732;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    margin: 1px;
    padding: 4px;
    border-radius: 2px;
}
.datepicker-extended .text-fields input {
        height: 19px;
        background-color: #0b131a;
        color: white;
        border: 1px solid #979797;
        margin-bottom: 4px;
        font-family: 'Ubuntu';
        border-radius: 2px;
        font-size: 12px;
        padding: 4px 7px;
    }
    .datepicker-extended .text-fields input.focused {
        background-color: #22232b;
        border-color: #2EB52B;
    }
    .datepicker-extended .text-fields{
        background-color: #0b131a;
    }
    .datepicker-extended .text-fields .input-0 {
        width: 194px;
    }
    .datepicker-extended.datepicker-range .text-fields .input-0,
    .datepicker-extended.datepicker-range .text-fields .input-1 {
            width: 82px;
        }
    .datepicker-extended.datepicker-range .text-fields .input-0 {
        margin-right: 7px;
    }
    .datepicker-extended.datepicker-range .text-fields .input-1 {
        margin-left: 7px;
        }
/* DATEPICKER END */

/* FORMS */
.cly-button-dark { color:#DDD; background-color:#292929; border:1px solid #1B1B1B; box-shadow:inset 0 1px 0 #777777; cursor:pointer; float:left; padding:5px 10px; border-radius:4px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; }
.cly-button-dark:hover { opacity:0.9; }
.cly-button-dark:active,.cly-button-dark.active { background-color:#3E3E3E; box-shadow:inset 0 1px 0 #444; }

.dashboard-summary { margin-bottom:16px; overflow:auto; }
    .dashboard-summary .item { float:left; font-family:Oswald; width:25%; }
    .dashboard-summary.four .item { width:25%; }
    .dashboard-summary.three .item { width:33%; }
    .dashboard-summary.two .item { width:50%; }
    .dashboard-summary.three .item:nth-child(2) { width:34%; }
    .dashboard-summary .inner { background-color:#3C3C3C; padding:10px; border-radius:2px; margin-left:5px; }
    .dashboard-summary .item:first-child  .inner { margin-left:0; }
    .dashboard-summary .item:first-child .inner { border-left:none; }
    .dashboard-summary .item:last-child .inner { border-right:none; }
    .dashboard-summary .item .title { font:12px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:center; color:#FFF; text-transform:uppercase;}
    .dashboard-summary .item .bar { width:80%; height:6px; padding-top:2px; padding-bottom:2px; overflow:auto; background-color:transparent; margin:0 auto; margin-top:5px; margin-bottom:5px; }
        .dashboard-summary .item .bar .bar-inner { width:40%; float:left; height:6px; box-shadow:inset 2px 0 0 0 #333 }
            .dashboard-summary .item .bar .bar-inner:hover { margin-bottom:-1px; margin-top:-1px; height:8px; }

        .dashboard-summary .item .bar .bar-inner:first-child { box-shadow:none; }
        .dashboard-summary .item .bar .bar-inner-new:nth-child(2) {  width:42%; }
        .dashboard-summary .item .bar .bar-inner-new:nth-child(3) {  width:16%; }

    .dashboard-summary.two-bars .item .bar .bar-inner:nth-child(2) { box-shadow: 2px 0 0 0 #ECECEC; background-color: #ECECEC; pointer-events:none; }

    .dashboard-summary .item .number { font-size:26px; text-align:center; color:#52A3EF; line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .dashboard-summary .item .no-data { font:18px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:center; color:#222; padding-bottom:14px; padding-top:20px; }
        .dashboard-summary .item.light .no-data { color:#d8d8d8; }

.dashboard-summary .item.light .inner { background-color: #FFF; box-shadow: inset 0 0 0 1px #D0D0D0; }
.dashboard-summary .item.light .inner .title { color:#484848; }
.dashboard-summary .item.light .bar .bar-inner { box-shadow:inset 2px 0 0 0 #FFF; background-color: #52a3ef; }

.cly-select { position:relative; background-color:#FDFDFD; user-select:none; display:inline-block; width:135px; height:27px; border:1px solid #D0D0D0; border-radius:2px; cursor:pointer; }
    .widget-header .cly-select { background-color: #ECECEC; position:relative; }
    .cly-select.req { border-color:#E95C6C; }
    .cly-select.dark { border-color:#666; }
    .cly-select.disabled { opacity: 0.4 !important; cursor: default; }
    .cly-select.centered, .cly-select.centered .text { text-align: center; }
    .cly-select.centered.text-align-left, .cly-select.centered.text-align-left .text { text-align: left; }
    .cly-select.centered .text { padding-right:9px; }
    .cly-select .select-inner { position:relative; width:100%; height:100%; }
    .cly-select.active { border-bottom-left-radius:0; border-bottom-right-radius:0; }
    .cly-select.active .right { border-bottom-right-radius:0; }
    .cly-select .search { top:100%; position:absolute; z-index:2; background-color: #FFF; width:100%; border:1px solid #D0D0D0; border-bottom:none; margin-left:-1px; cursor:default; overflow:auto; }
        .cly-select .search .fa { position: absolute; right:0; top:5px; color:#CCC; font-size: 10px; }
        .cly-select .search .inner { position:relative; margin:5px 8px; padding:4px 1px; padding-right:20px; background-color:#FFF; font:13px Ubuntu; line-height:111%; }
        .cly-select .search input { height:14px; padding:0; margin:0; border:none; outline:none; width:100%; font:13px Ubuntu; line-height:111%; -webkit-appearance: textfield; }
        .cly-select .search input::-webkit-search-decoration { -webkit-appearance: none; }
    .cly-select .search + .select-items { margin-top: 33px; border-top-left-radius: 0; border-top-right-radius: 0; }
    .cly-select .select-items { top:100%; z-index:2; display:none; position:absolute; margin-left:-1px; border-radius:2px; background-color:#FFF; border:1px solid #D0D0D0; width:135px; }
    .cly-select.upside-down .select-items { bottom:100%; top: auto;}
    .cly-select.dark .select-items { border-color:#d0d0d0; }
    .cly-select .select-items .scroll-list {  max-height:188px; }
    .cly-select .select-items .warning { color:#FF8700; font-weight:normal; border-bottom:1px solid #e6e6e6; font:11px Ubuntu,Helvetica,sans-serif; line-height:14px; padding:7px 9px; cursor: default; text-align: center; }
    .cly-select .select-items .item { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666; font-weight:normal; border-bottom:1px solid #e6e6e6; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px 9px; padding-bottom:7px; }
        .cly-select .select-items .item:last-child,
        .cly-select .select-items .item.last { border-bottom: none; }
    .cly-select .select-items .group { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #2fa732; font-weight: bold; border-bottom: 1px solid #e6e6e6; font: 11px Ubuntu,Helvetica,sans-serif; line-height: 100%; padding: 13px 9px 7px 9px; text-align: left; cursor: default; text-transform: uppercase; background-color: #fff;}
    .cly-select.dark .select-items .item { border-color:#888; }
    .cly-select .select-items .item.hidden { display:none; }
    .cly-select .flag { opacity:0.8; width:16px; height:11px; border-radius:2px; box-shadow:0 0 1px 0 #333; margin-right:8px; margin-top:2px; float:left; }
        .cly-select .flag.ch { margin-right:13px; }
        .cly-select .flag.np { margin-right:15px; }
        .cly-select .select-items .item:hover { background-color:#f3f3f3; }
        .cly-select .select-items .item:last-child,
        .cly-select .select-items .item.last { border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
    .cly-select .text-container { float:left; width:100%; }
        .cly-select .text { padding:6px 9px; padding-right:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#444; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; }
    .cly-select .right { opacity: 0.8; right:0; position:absolute; width:15px; height:100%; line-height: 27px; }
    .cly-select .right:hover { opacity: 1; }
        .cly-select .right.combo { }
            .cly-select .right.combo:before { color:#717171; font-family: 'Ionicons'; content: "\f123"; font-size: 9px; position: absolute; right: 8px; }
                .cly-select:hover .right.combo:before { color:#2fa732; }
                .cly-select.active .right.combo:before { content: "\f126"; color:#2fa732; }
    .cly-select .slimScrollBar.ui-draggable { cursor:default; }

.cly-select.loading:after { content:"Loading..."; position: absolute; top:1px; left: 0; color:#d0d0d0; background-color: #fdfdfd; padding: 5px 40px 5px 11px; font-size: 13px; }

.cly-select.float { float:left; border:none; width: auto; background-color: transparent; margin-right: 5px; }
.cly-select.float .text { padding-left: 3px; }
.cly-select.float .text-container { width:auto; max-width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.cly-select.float .right { float:left; }
.cly-select.float .right.combo:before { right:auto; }
.cly-select.float:hover .text { color:#2FA732; }
.cly-select.float:hover .right.combo:before { color:#2FA732; }
.cly-select.float .select-items,
.cly-select.float .search  { width:220px; }

.cly-select.float-right { float:right; width: 150px; background-color: #fff; margin-right: 5px; margin-top:6px;}
.cly-select.float-right.green { float:right; width: 150px; background-color: #2FA732; border-color:#2FA732; margin-right: 5px; margin-top:6px;}
.cly-select.float-right.green .text{ color:#fff;}
.cly-select.float-right.green .right.combo:before{ color:#fff;}
.cly-select.float-right.green.disabled { background-color:#FDFDFD; border-color:#D0D0D0; }
.cly-select.float-right.green.disabled .text{ color:#444;}
.cly-select.float-right.green.disabled .right.combo:before{ color:#717171;}
.cly-select.disabling-on .select-items .item.disabled { opacity: 0.5; cursor: default; }
.cly-select.disabling-on .select-items .item.disabled:hover { background-color: #FFF; }

.cly-multi-select { position:relative; background-color:#FDFDFD; user-select:none; display:inline-block; width:135px; height:auto; min-height: 32px; border:1px solid #D0D0D0; border-radius:2px; cursor:pointer; }
.cly-multi-select .select-inner { position:relative; width:100%; height:100%; }
.cly-multi-select.active { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.cly-multi-select.active .right { border-bottom-right-radius:0; }
.cly-multi-select .search { top:100%; position:absolute; z-index:2; background-color: #FFF; width:100%; border:1px solid #D0D0D0; border-bottom:none; margin-left:-1px; cursor:default; overflow:auto; }
.cly-multi-select .search .fa { position: absolute; right:0; top:5px; color:#CCC; font-size: 10px; }
.cly-multi-select .search .inner { position:relative; margin:5px 8px; padding:4px 1px; padding-right:20px; background-color:#FFF; font:13px Ubuntu; line-height:111%; }
.cly-multi-select .search input { height:14px; padding:0; margin:0; border:none; outline:none; width:100%; font:13px Ubuntu; line-height:111%; }
.cly-multi-select .search + .select-items { margin-top: 33px; border-top-left-radius: 0; border-top-right-radius: 0; }
.cly-multi-select .select-items { top:100%; z-index:2; display:none; position:absolute; margin-left:-1px; border-radius:2px; background-color:#FFF; border:1px solid #D0D0D0; width:135px; max-height: 188px; overflow-y: auto; }
.cly-multi-select .select-items .scroll-list {  max-height:188px; }
.cly-multi-select .select-items .item { position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666; font-weight:normal; border-bottom:1px solid #e6e6e6; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px 9px; padding-bottom:7px; }
.cly-multi-select .select-items .item:last-child,
.cly-multi-select .select-items .item.last { border-bottom: none; }
.cly-multi-select .select-items .group { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #888; font-weight: bold; border-bottom: 1px solid #D0D0D0; font: 11px Ubuntu,Helvetica,sans-serif; line-height: 100%; padding: 6px 9px; text-align: left; cursor: default; text-transform: uppercase; background-color: #ececec;}
.cly-multi-select .select-items .item.hidden { display:none; }
.cly-multi-select .select-items .item:hover { background-color:#f3f3f3; }
.cly-multi-select .select-items .item:last-child,
.cly-multi-select .select-items .item.last { border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
.cly-multi-select .select-items .item.disabled { opacity: 0.5; cursor: default; }
.cly-multi-select .select-items .item.disabled:hover { background-color: #FFF; }
.cly-multi-select .text-container { float:left; width:100%; }
.cly-multi-select .text { padding:3px 9px; padding-right:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#444; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; }
.cly-multi-select .right { opacity: 0.8; right:0; position:absolute; width:15px; height:100%; line-height: 32px; }
.cly-multi-select .right:hover { opacity: 1; }
.cly-multi-select .right.combo { }
.cly-multi-select .right.combo:before { color:#717171; font-family: 'Ionicons'; content: "\f123"; font-size: 9px; position: absolute; right: 8px; }
.cly-multi-select:hover .right.combo:before { color:#2fa732; }
.cly-multi-select.active .right.combo:before { content: "\f126"; color:#2fa732; }
.cly-multi-select .slimScrollBar.ui-draggable { cursor:default; }
.cly-multi-select .selection { cursor:default; position:relative; float: left; border-radius: 2px; background-color: #777; color:#f1f1f1; padding:3px 19px 3px 10px; margin: 2px 5px 2px 0; font-size: 12px; }
.cly-multi-select .selection:hover { background-color: #5a5a5a; }
.cly-multi-select .selection .remove { position: absolute; right:5px; top:3px; font-size: 11px; cursor: pointer; }
.cly-multi-select.selection-exists .default-text { display: none; }
.cly-multi-select .default-text { display: block; padding: 5px 0; }
.cly-multi-select .select-items .item.selected { color: #2fa732; display: none; }
.cly-multi-select.disabled { opacity: 0.4 !important; cursor: default; }

body .selectize-control.multi .selectize-input input { height: 18px; }
body .selectize-control.multi .selectize-input, body .selectize-control.multi .selectize-input.has-items { position:relative; background-color:#FDFDFD; user-select:none; height:auto; min-height: 32px; border:1px solid #D0D0D0; border-radius:2px; cursor:text; }
body .selectize-control.multi .selectize-input > div { font-family: Ubuntu,sans-serif; line-height: 14px; border-radius: 2px; background-color: #777; color:#f1f1f1; padding:3px 19px 3px 10px; margin: 0 5px 2px 0; font-size: 12px; }
body .selectize-control.multi .selectize-input > div:hover { background-color: #5a5a5a; color: #f1f1f1; cursor: default; }
body .selectize-control.multi .selectize-input > div.active { background-color: #777; color: #f1f1f1; cursor: default; }
body .selectize-control.multi .selectize-input > div .remove { position: absolute; right:3px; top:3px; font-size: 16px; line-height: 9px; font-weight: 100; cursor: pointer; }
body .selectize-control.plugin-remove_button [data-value] .remove { border: none; }

.cly-text-select { display:inline-block; height:27px; }
.cly-text-select input { margin-left:-1px; width:195px; height:27px; color:#444; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; border:1px solid #D0D0D0; border-radius:2px; padding:0 8px; display:inherit; outline:none; }
.cly-text-select.req { border-color:#E95C6C; }
.cly-text-select.dark { border-color:#666; }
.cly-text-select.disabled { opacity: 0.4 !important; cursor: default; }
.cly-text-select .select-inner { position:relative; width:100%; height:100%; }
.cly-text-select.active { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.cly-text-select.active .right { border-bottom-right-radius:0; }
.cly-text-select .select-items { z-index:1000; display:none; position:absolute; margin-left:-1px; border-radius:2px; background-color:#FFF; border:1px solid #D0D0D0; border-top-left-radius:0; border-top-right-radius:0; width:135px; }
.cly-text-select.dark .select-items { border-color:#666; }
.cly-text-select .select-items.square { border-radius:0; }
.cly-text-select .select-items.square .item:last-child { border-radius:0; }
.cly-text-select .select-items .scroll-list {  max-height:189px; }
.cly-text-select .select-items .item { cursor: pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666; font-weight:normal; border-bottom:1px solid #e6e6e6; font:13px Ubuntu,Helvetica,sans-serif; padding:5px 9px; padding-bottom:7px; }
.cly-text-select.dark .select-items .item { border-color:#888; }
.cly-text-select .select-items .item.hidden { display:none; }
.cly-text-select .flag { opacity:0.8; width:16px; height:11px; border-radius:2px; box-shadow:0 0 1px 0 #333; margin-right:8px; margin-top:2px; float:left; }
    .cly-text-select .flag.ch { margin-right:13px; }
    .cly-text-select .flag.np { margin-right:15px; }
.cly-text-select .select-items .item:hover { background-color:#f3f3f3; }
.cly-text-select .select-items .item:hover .flag { box-shadow:0 0 0 1px #000; }
.cly-text-select .select-items .item:last-child,
.cly-text-select .select-items .item.last { border-bottom: none; }

.cly-text-select .text-container { float:left; width:100%; }
.cly-text-select .slimScrollBar.ui-draggable { cursor:default; }

.read {}
    .read .country { float:left; margin-right:8px; }
    .read .timezone { float:left; }
    .read .logo { float:left; height:25px; width:25px; background-size:27px 27px; margin-top:1px; border-radius:4px; border:1px solid #555; background-position:center; }
.edit { display:none; }

#sidebar-new-app { display:none; }

.required { font-size:23px; color:#B94A48; vertical-align:top; display:none; padding-left:7px; margin-top: -2px; position: absolute; }
.red-text { font-size:12px; color:#B94A48; vertical-align:text-top; padding-left:5px; }
.green-text { font-size:12px; color:#50C354; vertical-align:text-top; padding-left:5px; }
.required-color { color:#B94A48 !important; }

#overlay { display:none; background-color:#000; opacity:0.2; width:100%; height:100%; position:fixed; z-index:10000; top:0; }
.dialog { display:none; position:fixed; max-width:400px; left:50%; top:50%; background-color:#FFF; border:1px solid #999; border-radius:2px; z-index:10001; }
    .dialog.events { max-width:1050px; }
    .dialog.red { border:1px solid #AD0303; }
    .dialog.green { border:1px solid green; }
    .dialog.black { border:1px solid #000; }
    .dialog .indicator { height:7px; margin-bottom:10px; border-top-left-radius:1px; border-top-right-radius:1px; }
    .events .indicator { margin-bottom:0; }
    .dialog.red .indicator { background-color:#D63E40; border-bottom:1px solid #AD0303; }
    .dialog.green .indicator { background-color:green; border-bottom:1px solid green; }
    .dialog.black .indicator { background-color:#666; border-bottom:1px solid #000; }
    .dialog .message { color:#333; font-size:14px; line-height:25px; padding:0 10px; }
    .dialog .buttons { margin-top:15px; overflow:auto; padding:10px; padding-top:0; }
    .dialog .buttons .icon-button { float:right; }
    .dialog input[type=text], .dialog input[type=password] { margin:0; font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:3px; border:1px solid #DDD; }
    .dialog .result-message { float:left; margin-top:6px; font:italic 13px Ubuntu,Helvetica,sans-serif; line-height:111%; }
    .dialog .result-message.red { color:#D63E40; }
    .dialog .result-message.green { color:#6BB96E; }
    .dialog .message .title { margin-bottom:8px; }
    .dialog .message .input input { width:280px; }
    .dialog .message a { text-decoration: underline; }
.dialog.cly-loading .content { height: 5em; }

.dialog.popStyleGreen .indicator {display:none;}
.dialog.popStyleGreen{ text-align:center; color:#717171; width:300px; border:none; border-radius: 2px; padding:30px 30px 18px 30px; max-width:450px; box-sizing: border-box; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25);}
.dialog.popStyleGreen .title{color:#636363; font-size:16px; text-align:center; margin: 25px 0px 15px 0px; font-weight:500; }
.dialog.popStyleGreen .message{color:#717171; font-size:13px; line-height:19px; text-align:center;font-family:Ubuntu,Helvetica,sans-serif; margin: 0px; word-wrap:break-word; }
.dialog.popStyleGreen #dialog-continue, .dialog.popStyleGreen #dialog-ok{background-color:#2EB52B;color:#ffffff; border-radius:2px; }
.dialog.popStyleGreen #dialog-ok{margin-bottom:12px;}
.dialog.popStyleGreen .icon-button {float:none; border:none; padding:12px; box-shadow:none; display: inline-block; margin:0; }
.dialog.popStyleGreen #dialog-cancel{background-color:none; color:#929292; text-decoration: underline; background-color:#ffffff;}
.dialog.popStyleGreen  .image {width:85px; height:85px; margin: 0px auto 0px auto;}
.dialog.popStyleGreen  .image div{width:85px; height:85px; margin:0; padding:0;}
.dialog.popStyleGreen p {line-height:40px; padding:0; margin:0;}
.dialog.popStyleGreen .buttons { padding:0; margin: 30px 0px 0px 0px;}
.dialog.popStyleGreenWide{width:450px;}
.dialog.popStyleGreenWide .message{ text-align:left;}

.loading-bars,
.loading-bars:before,
.loading-bars:after {
background: #3FAA43;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.loading-bars {
    position: relative;
    margin: 3em auto 0;
position: relative;
color: #3FAA43;
text-indent: -9999em;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loading-bars:before,
.loading-bars:after {
position: absolute;
top: 0;
content: '';
}
.loading-bars:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loading-bars:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
    box-shadow: 0 0;
    height: 4em;
}
40% {
    box-shadow: 0 -2em;
    height: 5em;
}
}
@keyframes load1 {
0%,
80%,
100% {
    box-shadow: 0 0;
    height: 4em;
}
40% {
    box-shadow: 0 -2em;
    height: 5em;
}
}

#new-install-overlay { display:none; z-index:2; position:absolute; width:100%; height:100%; background-color:#000; opacity:0.6; }
.alert { font-family:Ubuntu,Helvetica,sans-serif; line-height:111%; border-radius:4px; padding:8px 14px; }
    .alert.danger { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; }
    .alert.success { color:#468847; background-color:#DFF0D8; border:1px solid #D6E9C6; }

/* USER MANAGEMENT */
.manage-user { padding:10px; }
.manage-users-table {margin-top: -16px;}
.manage-users-table .dataTable-top {border-radius: 0;}
#user-table { border-bottom-left-radius:0; border-bottom-right-radius:0; }
#user-table td,
.user-details.create-user-row td { font-family: Ubuntu; }

#user-table .help-edit { font-size:11px; display:none; position:absolute; right:3px; top:2px; background-color: #F1F1F1; padding: 1px 1px 1px 15px; line-height: 130%; }
#user-table .help-close { font-size:11px; display:none; position:absolute; right:3px; top:2px; background-color: #FFF; padding: 1px 1px 1px 15px; line-height: 130%; }
#user-table tr td.details { padding:0; }
#user-table tr:hover .help-edit { display:block; }
#user-table tr.active:hover { background-color:#FFF; }
#user-table tr.active:hover .help-edit { display:none; }
#user-table tr.active:hover .help-close { display:block; }
.user-details { display:none; overflow:auto; padding-bottom: 45px;}
#user-table tr td>div { position:relative; }
.user-details.create-user-row { padding-bottom: 45px; box-shadow: inset 2px 0 0 -1px #DDD, inset -2px 0 0 -1px #DDD, inset 0 2px 0 -1px #DDD; position: relative; font-size: 12px; font-weight: normal; color: #6B6B6B; margin-bottom: -15px; }

.user-details { background-color:#f9f9f9; }
.user-details:hover { background-color:#f9f9f9; }
#listof-apps { width:200px; display:none; position:absolute; margin-top:12px; z-index:1000; padding:7px; background-color:#292929; border-radius:2px; }
    #listof-apps:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #292929; left: 20px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
    #listof-apps .button-container { overflow:auto; margin-top:10px; margin-bottom: 5px; }
    #listof-apps .button-container .icon-button { float:right; font-size:11px; }
    #listof-apps .scrollable { min-height:36px; max-height:221px; overflow:auto; background-color:transparent; }
    #listof-apps .app { width:184px; border-bottom:1px solid #d4d4d4; padding:8px; overflow:auto; background-color:#efefef; cursor:pointer; color:#6b6b6b; margin:0 auto; }
    #listof-apps .app:last-child { border-bottom:none; }
    #listof-apps .app.disabled { display: none !important; }
    #listof-apps .app.selected { background-color:#dedede; }
    #listof-apps .app:hover { background-color: #e6e6e6; }
    #listof-apps .app .image { background-size:22px 22px; float:left; margin-right:10px; border-radius:4px; width:20px; height:20px; background-position:center; border:1px solid #a2a2a2; }
        #listof-apps .app.selected .image { box-shadow:0 0 0 1px #2EB52B; }
    #listof-apps .app .name { float:left; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; padding-top:4px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:90px; }
    #listof-apps #deselect-all.icon-button, #listof-apps .btn-deselect-all.icon-button { display:none; max-width: none; }
    #listof-apps #done { margin-left:5px; }
#listof-apps .search { background-color: #fbfbfb; position:relative; border-bottom: 1px solid #d4d4d4; }
#listof-apps .search i { position: absolute; top: 11px; right: 11px; color: #6b6b6b; font-size: 10px; }
#listof-apps .search input { outline: none; font-size: 13px; border: none; padding: 8px 10px; margin-right: 1px; width: 146px; background-color: #fbfbfb; color: #6b6b6b; }

.user-details .button-container { overflow:auto; bottom:8px; right:16px; position:absolute; }
    .user-details .row { overflow:auto; border-top:1px solid #EEE; padding:10px; margin:0 1px; }
    .user-details .row:first-child { border-top:none; padding-top:15px; }
    .user-details .row .title { float:left; }
    .user-details .row .detail { margin-left:165px; }
    .user-details .button-container { padding-bottom:5px; }
    .user-details .button-container .icon-button { float:right; }
    .user-details .app-selection { margin-left:10px; border-radius:10px; background-color:#CCC; cursor:pointer; float:left; width:15px; height:15px; }
    .user-details .select-apps { margin-left:10px; cursor:pointer; float:left; font-size:17px; margin-top: -1px; color:#2EB52B; line-height: 15px; }
    .user-details .user-admin-list span, .user-details .no-apps { color:#CCC; font-size:12px; font-style:italic; }
.user-details .no-apps { margin-left:165px; display:none; }
.small-link { margin-top:10px; font-size:11px; cursor:pointer; color:#999; vertical-align:text-top; display:inline-block; }
.small-link:hover { text-decoration:underline; }
.password-row { display:none; }
.user-noapps { position:absolute; left:50%; top:50%; width:460px; margin-left:-118px; font:16px Ubuntu,Helvetica,sans-serif; line-height:23px; color:#555; height:50px; margin-top:-25px; }
.checkbox { cursor:pointer; width:16px; height:16px; float:left; margin-right:5px; background-image:url('../images/management/checkbox.png'); background-position:-16px; }
.checkbox.checked { background-position:0; }
/* USER MANAGEMENT END */

.icon-button.light.graph-segment.active { border-color:#333; box-shadow:inset 0 0 3px #222; background-color:#3E3E3E; background-image:linear-gradient(top, #292929 40%, #3E3E3E 100%); background-image:linear-gradient(to bottom, #292929 40%, #3E3E3E 100%); }
.icon-button.light.graph-segment.active:hover { opacity:1; }
.os-rows.active,
.os-rows.active:hover { background-color:#777 !important; }
.os-rows.active  td { color: #fff; }

/* EVENTS */
#event-nav { transition:width 200ms; overflow:hidden; z-index:3; width:180px; position:fixed; left:242px; top:79px; text-align:right; background-color:#efefef; max-height:580px; box-sizing:border-box; box-shadow: 0 0 0 1px #d0d0d0; border-radius:2px;}
#event-nav .nav-search { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
#event-nav .scrollable .searchable:first-of-type { border-top:none !important;}

#event-nav-head { background-color:#ececec; position:relative; height:27px; padding:15px 20px 15px 15px; color:#636363; font:18px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:left; }
#event-nav-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:85px; float:left; padding-top:4px; }

#event-nav.expand { width:300px; box-shadow: 0 5px 18px 0 #a5a5a5, 0 0 0 1px #d0d0d0; transition:width 200ms; }
#event-nav .nav-search input {
    transition:width 200ms;
    -webkit-appearance: textfield;
    height: 30px;
    width: 100%;
    padding-right: 20px;
}
#event-nav.expand .nav-search input {
    /*width:278px;*/
    transition:width 200ms;
}
#event-nav.expand .name { width:271px; }

.event-container { position:relative; cursor:pointer; padding:4px 12px; overflow:hidden; border-top: 1px solid #D0D0D0; }
.event-container:hover { background-color: #dedede; }
.event-container.active { background-color: #dedede; }
.event-container .name { width:151px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; padding:5px; color:#6b6b6b; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; }

#event-update-area { float:left; }
#edit-event-table-container  { width:950px; max-height:400px; overflow:auto; }
.events .buttons { margin-top:0; padding:13px; box-shadow:inset 0 1px 0 #ccc; border-bottom-left-radius:2px; border-bottom-right-radius:2px; }

#evens-blueprint-config .ui-tabs .ui-tabs-nav{height: 40px; border: none; background-color:transparent; padding-left: 12px;}
#evens-blueprint-config .ui-tabs .ui-tabs-panel{padding:0;}
#evens-blueprint-config .ui-tabs .ui-tabs-nav li a{background-color: transparent;  color: #666; padding: 0px 0px 6px 0px;  font-size:15px}
#evens-blueprint-config .ui-tabs.ui-widget-content .ui-tabs-nav > .ui-state-default {border-top: none;}
#evens-blueprint-config .ui-tabs .ui-tabs-nav li.ui-tabs-active {border-top: none; border-bottom: none !important; background-color:transparent;}
#evens-blueprint-config .ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#333; border-bottom: 2px solid #19cc63 !important;}
#evens-blueprint-config .ui-tabs .ui-tabs-nav li {border-bottom:none !important; width: auto; margin-right: 30px;}
#evens-blueprint-config .ui-tabs .ui-tabs-nav {margin-top:0px; margin-top:10px; margin-bottom: 10px}
#events-general-filter.cly-select .right.combo:before{background-color: #444;color: #fff;border-radius: 4px;padding: 1px;position: relative;font-size: 10px;}
#event-group-general-filter.cly-select .right.combo:before{background-color: #444;color: #fff;border-radius: 4px;padding: 1px;position: relative;font-size: 10px;}

#events-blueprint-drawer { z-index: 10000;}
#events-blueprint-drawer #add-parameter-title { display: block; }
#events-blueprint-drawer #create-parameter { display: block; }
#events-blueprint-drawer.editing #edit-event-blueprint-title { display: block; }
#events-blueprint-drawer.editing #save-parameter { display: block; }
#events-blueprint-drawer.editing #add-parameter-title { display: none; }
#events-blueprint-drawer.editing #create-parameter { display: none; }
#events-blueprint-drawer #rc-parameter-description-section .label span, #events-blueprint-drawer #rc-parameter-description-section .label a {cursor: pointer;}
#events-blueprint-drawer input::placeholder, #rc-condition-drawer input::placeholder {font:  13px Ubuntu,Helvetica,sans-serif;}
#events-blueprint-drawer input::-webkit-input-placeholder, #rc-condition-drawer input::-webkit-input-placeholder {font:  13px Ubuntu,Helvetica,sans-serif;}
#events-blueprint-drawer input::-moz-placeholder, #rc-condition-drawer input::-moz-placeholder {font:  13px Ubuntu,Helvetica,sans-serif;}
#events-blueprint-drawer input:-ms-input-placeholder, #rc-condition-drawer input:-ms-input-placeholder {font:  13px Ubuntu,Helvetica,sans-serif;}
#events-blueprint-drawer input, #rc-condition-drawer input{font: 13px Ubuntu,Helvetica,sans-serif;color: #444}
#events-blueprint-drawer textarea {font: 13px Ubuntu,Helvetica,sans-serif;color: #444;width: 100%; border-radius: 2px; resize: none; color: #444; border: none; box-shadow: inset 0 0 0 1px #d0d0d0; padding: 7px;padding-right: 25px;box-sizing: border-box;height: 30px;overflow: hidden;}
#events-blueprint-drawer textarea:focus {outline: none;}

#events-custom-settings table.event-groups-table{ border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0;}
#events-overview-table{border:1px solid #D0D0D0; overflow:auto; border-radius: 2px 2px 0 0;}
#events-overview-table table.events-table th{border-top:none;}
#event-groups-settings-table table.event-groups-table, #events-custom-settings table.events-table, #events-overview-table table.events-table{ width:100%; padding:0; margin:0;}
#event-groups-settings-table table.event-groups-table th, #events-custom-settings table.events-table  th, #events-overview-table table.events-table th { padding:10px 10px; color: #484848; font-weight:normal; font:11px Ubuntu,Helvetica,sans-serif;  border-right:none; background-color:#f3f3f3; text-transform: uppercase; line-height: 12px; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #D0D0D0;}
#event-groups-settings-table, #events-custom-settings-table{border-top:none; margin-bottom:30px;}
#event-groups-settings-table table.event-groups-table thead tr, #events-custom-settings-table table.events-table  thead tr, #events-overview-table table.events-table thead tr{ background-color:transparent; }
#event-groups-settings-table table.event-groups-table td, #events-custom-settings-table table.events-table  td,#events-overview-table table.events-table td { padding: 10px 10px; margin:0;  color:#6B6B6B; font-family: Ubuntu; font-size: 12px; line-height: 18px;  margin: 0;}
#event-groups-settings-table table.event-groups-table td:first-child, #events-custom-settings-table table.events-table  td:first-child, #events-overview-table table.events-table td:first-child{ width:30px; text-align:center; }
#event-groups-settings-table table.event-groups-table td:nth-child(2), #events-custom-settings-table table.events-table  td:nth-child(2),#events-overview-table table.events-table td:nth-child(2) { width:30px; }
#event-groups-settings-table table.event-groups-table th:nth-child(2), #events-custom-settings-table table.events-table  th:nth-child(2),#events-overview-table table.events-table th:nth-child(2) { padding:0; }
#event-groups-settings-table table.event-groups-table td.events-edit-name-field, #events-custom-settings-table table.events-table  td.events-edit-name-field{ width:25%; word-break: break-word;}
#events-event-settings table td textarea{color:#6B6B6B; line-height: 140%;}
#events-event-settings table td input{color:#6B6B6B;}
#events-overview-table table.events-table td:last-child{width:50px; text-align:right; padding: 0px 10px;}
.delete-event-overview{color: #DDD; font-size:20px; line-height:20px;}
.delete-event-overview:hover { color:#E95C6C; transition:color 1s; cursor:pointer;}
#event-groups-settings-table table.event-groups-table tr[id] { cursor: default; }
#event-groups-settings-table table.event-groups-table td:last-child, #events-custom-settings-table table.events-table td:last-child  {padding: 10px 0;}
#event-groups-settings-table table.event-groups-table td:first-child, #events-custom-settings-table table.events-table td:first-child  {padding: 10px 10px;}
#event-groups-settings-table table.event-groups-table tr, #events-custom-settings-table table.events-table  tr,#events-overview-table table.events-table tr{ background-color:#fff}
#event-groups-settings-table table.event-groups-table tr:nth-child(even), #events-custom-settings-table table.events-table  tr:nth-child(even),#events-overview-table table.events-table tr:nth-child(even){ background-color:#F9F9F9}
#event-groups-settings-table table.event-groups-table td:last-child, #events-custom-settings-table table.events-table td:last-child{ width: 30px; text-align:center; }
#event-groups-settings-table .event-row-placeholder, #events-custom-settings-table .event-row-placeholder, #events-overview-table .event-row-placeholder { height:40px; }
#event-groups-settings-table .event-order, #events-custom-settings-table .event-order,#events-overview-table .event-order { color:#BBB; cursor:move; }
#event-groups-settings-table .event-order:hover, #events-custom-settings-table .event-order:hover,#events-overview-table .event-order:hover {color:#999999;}
#event-groups-settings-table a.check-green, #events-custom-settings-table a.check-green {position:relative; top: 2px;}
#events-event-settings  div.selectize-input{
    -webkit-box-shadow:none;
    box-shadow:none;
    padding: 5px 5px;
    border-radius:2px;
}
#events-event-settings  div.selectize-input.has-items
{
    padding: 5px 5px 2px;
}
#events-event-settings  div.selectize-input.items{width:286px;}
#events-event-settings  div.selectize-input.items > div {
cursor: default;
position: relative;
float: left;
border-radius: 2px;
background-color: #77787b;
color: #f1f1f1;
padding: 2px 4px 2px 4px;
font-size: 12px;
padding-right: 20px !important;
}
#events-overview-table tr.moving {}
#events-overview-table th:nth-child(2){width: 45%;}
#event-groups-settings-table table.event-groups-table .event_visibility_row_visible, #events-custom-settings-table table.events-table .event_visibility_row_visible {color:#83C985;}
#event-groups-settings-table table.event-groups-table .event_visibility_row_hidden, #events-custom-settings-table table.events-table .event_visibility_row_hidden {color:#DB6E6E}
#events-custom-settings-table tr.moving {border-left: 1px solid #D0D0D0; }

#event-groups-settings-table .dataTables_wrapper, #events-custom-settings-table .dataTables_wrapper {margin-top:0px;}
#event-groups-settings-table .dataTable-top, #events-custom-settings-table .dataTable-top {border-top-left-radius: 0px; border-top-right-radius: 0px;}
#edit-events-button { padding: 4px 1px; }
#edit-events-button i { font-size: 23px; margin: 0; line-height: 16px; }
.overview_empty{color: #a2a2a2;
vertical-align: text-bottom;
font-size: 16px;
text-align: center;
margin: 50px 0;}
#events-general-action,#event-groups-general-action{ background-color: #2FA732; border-color: #2FA732;}
#events-general-action .text,#event-groups-general-action .text{color: #fff;}
#events-general-action .right.combo::before,#event-groups-general-action .right.combo::before{color: #fff;}
#events-general-action.disabled,#event-groups-general-action.disabled{ background-color: #FDFDFD; border-color: #D0D0D0; }
#events-general-action.disabled .text,#event-groups-general-action.disabled .text{color: #444;}
#events-general-action.disabled .right.combo::before,#event-groups-general-action.disabled .right.combo::before {color: #717171;}


.delete-event, .delete-event-selected { color:#D67678; cursor:pointer; font-size:16px;}
.delete-event:hover, .delete-event-selected:hover { color:#D63E40; }

#events-settings-table  table tr td table td{padding: 15px 20px;}
#events-custom-settings .events-general-description,
#event-main .events-general-description { background-color: #f9f9f9;padding: 9px 14px 8px 14px;color: #868686;font-size: 13px; line-height: 16px; min-height:17px; border: 1px solid #d0d0d0; border-bottom:none;}
#events-custom-settings .events-general-description:empty,
#event-main .events-general-description:empty { background-color: white; border-bottom: 1px solid white; margin-bottom: -1px; position: relative; }
#events-apply-changes {margin-top:8px;}
#events-apply-order {margin-top:7px; margin-right: 10px; display:none;}
#eventOverviewWidgets{ margin: -1px;}
#eventOverviewWidgets>table {border-collapse: separate;border-spacing: 0; border-radius: 0 0 2px 2px;}
#eventOverviewWidgets .cly-widget{background-color: #ffffff; padding:25px 25px 25px 25px;margin:0px; min-height:180px; border: 1px solid #d0d0d0;  border-collapse: separate;border-spacing: 0; border-top:none; border-left:none;}
#eventOverviewWidgets .cly-widget:hover{cursor: pointer; }
#eventOverviewWidgets>table tr td:last-child {border-right:none;}
#eventOverviewWidgets>table tr:last-child td{border-bottom:none;}
#eventOverviewWidgets .cly-widget .value {color: #3a3a3a; font-size:38px;}
#eventOverviewWidgets .cly-widget .title {color: #3a3a3a; max-width:80%; float:left; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-right:8px;}
#eventOverviewWidgets .cly-widget:hover .title{color:#2FA732;}
#eventOverviewWidgets .cly-widget td{padding: 0 10px;}
#eventOverviewWidgets .cly-widget>table>tr {display:block;}
#eventOverviewWidgets .cly-widget .spark {margin-top:20px; margin-bottom: 20px;}
#eventOverviewWidgets .cly-widget .title {padding:0;}
#eventOverviewWidgets .cly-widget .trend {color: #aedab7; text-align:center; padding-left:10px;}
#eventOverviewWidgets .cly-widget .trend .val {display:block;}
#eventOverviewWidgets .cly-widget .d.trend {color:rgba(201, 76, 76, 0.8);}
#eventOverviewWidgets .cly-widget .overview-item-property {color:#636363; text-transform: uppercase; padding-left:10px; max-width:95%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size:12px;}
#eventOverviewWidgets .tooltip_templates{display:none;}
#eventOverviewWidgets .show-my-event-description{color:#cccccc; cursor:pointer; visibility:hidden; position:relative; top:-2px;}
#eventOverviewWidgets .cly-widget:hover .show-my-event-description{visibility:visible;}
#eventOverviewWidgets .empty_cell{ border-left:none; border-right:none; background-color:#F9F9F9; }
#eventOverviewContainer {padding: 0px 0px; border-radius: 0 0 2px 2px;}
#eventOverviewWidgets .cly-widget>table {width:100%;}
#eventOverviewWidgets .cly-widget>table td table td {padding: 0px;}

#event-overview-drawer .cly-select,#event-overview-drawer .cly-select .select-items {width:100%;}
#event-overview-drawer .adding-to-overview{ margin: 0;}
#event-overview-drawer .adding-to-overview:after {
    content: "";
    display: table;
    clear: both;
}
#event-overview-drawer .adding-to-overview>div  {float:left; width:38%; margin:0; padding:0;}
#event-overview-drawer .adding-to-overview>div:last-child {width: 24%;}
#event-overview-drawer .wrap-overview-item {padding: 0 4px 0 0 ;}
#add_to_overview{display:inline-block; text-align:center; float:none; margin-left: 0px; width: 75px;}
#event-overview-drawer .buttons{background-color:#ffffff;}
#events-overview-table table.events-table td:nth-child(2) { word-break: break-word; }
#events-overview-show-configure{float:right; margin-top:6px;}
.show-event-description:hover + .event-overview-description-wrapper .event-overview-description {border: 1px solid black; display:block}
#event-blueprint-nav-title {padding-top:4px;}
.events-empty-block{ max-width: 586px; margin: 75px auto 0 auto;}
.events-empty-block table{width:100%; table-layout:fixed}
.events-empty-block table td {padding: 0 25px 0 25px;}
.events-empty-block .events-empty-image {width:242px; height:242px;}
.events-empty-block .events-overview-noevents{ background-image:url('../images/dashboard/events-overview-noevents.svg');}
.events-empty-block .events-overview-configure{ background-image:url('../images/dashboard/events-overview-configure.svg');}
.events-empty-block .all-events-empty{ background-image:url('../images/dashboard/all-events-empty.svg');}
.events-empty-block p {color:#A2A2A2; font-size:14px; line-height:20px; }
.events-empty-block p.events-empty-title {margin-bottom:25px; font-size:18px; font-weight:400; color:#636363;}

#event-group-drawer .use-description {display:inline; float: left; margin-left: 0px; margin-top: -10px;}
#event-group-drawer .use-description .container {
    display: block;
    position: relative;
    margin-right: 20px;
    margin-bottom: 12px;
    line-height: 20px;
    cursor: pointer;
    font-size: 13px;
    color: #636363;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#event-group-drawer .use-description .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
#event-group-drawer .use-description .container input + .fa-square:before {
    color: #32B630 !important;
    font-size: 13px;
    font-weight: 400;
}
#event-group-drawer .use-description .container input:checked + .fa-square:before {
    content: "\f14a";
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
}

/* EVENTS END */

#help-toggle { float:right; width:34px; height:18px; margin-top:4px; margin-right:16px; cursor:pointer; }
#help-toggle.active .on-off-switch-label { background-color: #2EB52B;}
#help-toggle.active .on-off-switch-label:before { background: #fff;}
#help-toggle .on-off-switch-label {background-color: #88858a; height: 18px;}
#help-toggle .on-off-switch-label::before {background: #e9e9e9;}
.percent-bar { height:11px; float:left; background-color:#AEE8B0; margin-right:4px; margin-top:2px; }

/* EXPORT */
#export-checkbox-container { padding:10px; padding-bottom:2px; overflow:auto; }
.export-checkbox { width:14%; float:left; margin-bottom:8px; font:16px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#444; }
.export-description { font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#999; padding:10px; padding-bottom:5px; }
.stretch {}
#export-button { border: 1px solid #ccc; background-color: #f5f5f5; padding: 4px 10px; cursor: pointer; font-size: 11px; border-radius: 2px; }
#cly-export.dialog.export-dialog{display: none;}
.export-dialog {padding: 15px; width: 270px; overflow: visible; display: inline-block;}
.export-dialog .cly-select {width: 100%; margin:0px auto; box-sizing:border-box; margin-bottom: 10px; height:30px;}
.export-dialog .cly-select .select-items {width: 101%;}
.export-dialog p {margin:0px; font:14px Ubuntu,Helvetica,sans-serif; font-weight: bold; line-height:111%; margin-bottom: 10px;}
.export-dialog p.details {margin:0px; font:11px Ubuntu,Helvetica,sans-serif; color:#B7B6B6; margin-bottom: 10px;}
.export-dialog .export-data {width: 100%; margin:0px auto; padding-left:0px; padding-right:0px; text-align: center; height:30px;}
#export-type-selector {width: 100%; float: none; margin:0px auto;  margin-bottom: 10px; height:30px;}
#export-type-selector .button {width: 33%; text-align: center;}
.export-dialog .export-columns-selector {
    overflow:hidden;
    margin: 0 -15px 10px -15px;
    display:none;    
}
.export-columns-selector .export-columns-search {
    padding: 7px 15px;
    border-top: 1px solid #D0D0D0;
    background-color: #fbfbfb;
}

.export-columns-selector .export-columns-search table, .data-table-column-selector .export-columns-search table{
    width:100%;
    margin:0px;
}
.data-table-column-selector .export-columns-search table td{
    padding:0px;
    width:auto;
    
}

.data-table-column-selector .export-columns-search table td:nth-child(1){
    padding-right:10px;
}

.data-table-column-selector .export-columns-search{
    padding: 7px 15px;
    border-bottom: 1px solid #D0D0D0;
    background-color: #fbfbfb;
}
.export-columns-selector .export-columns-search i, .data-table-column-selector .export-columns-search i{
    font-size: 15px;
    color: #BBB;
    line-height:15px;
    position:relative;
    top:2px;
}

.export-columns-selector .export-columns-search td:nth-child(2) {
    width:13px;
    
}
.export-columns-selector .export-columns-search input, .data-table-column-selector .export-columns-search input {
    border: none;
    background-color: #fffff;
    width:100%;
    border-radius:2px;
    color:#6B6B6B;
    padding: 0 4px;
    height: 27px;
}

.export-columns-selector .export-columns-search input::placeholder, .data-table-column-selector .export-columns-search input::placeholder {
color: #dddddd;
}

.export-dialog .columns-height-wrapper {
    height: 240px;
    border-bottom: 1px solid #D0D0D0;
}
.export-dialog .export-columns-selector  p, .export-dialog .export-format-option{
    font-size:12px;
    color:#6b6b6b;
    padding:7px 15px;
    font-weight: normal;   
}

.export-dialog .export-columns-selector  p:first-child{
    font-size:13px;
    padding-bottom:0px;
    margin-top:4px;
    
}
.export-dialog .export-columns-selector  p:nth-child(even){
    cursor:pointer;
}
.export-dialog .export-columns-selector  p:nth-child(even):hover {
    color:#444444;
}
.export-dialog .export-columns-selector  p:nth-child(even) a{
    position: relative;
    top: 2px;
}
.export-dialog .export-columns-selector  p:first-child span {
    float:right;
}

.export-dialog .export-columns-selector .columns-wrapper {
    border-top:1px solid #D0D0D0;
    background-color:#FBFBFB;
    
}
.export-dialog .export-columns-selector p .check-green, .export-dialog .export-format-option .check-green {
    margin-right: 10px;
}
.export-dialog .export-format-option{
    margin: 0 -20px 10px -15px;
    cursor:pointer;
    font-size:12px;
    display:none;
}
.export-dialog .export-format-option span {
    position:relative;
    top:-2px;
}

.export-dialog .export-format-option i{
    color:  #cccccc;
    font-size: 14px;
    margin-left: 5px;
    top:-1px;
    position:relative;
    
}
.export-dialog .export-columns-selector .columns-wrapper div{
    font-size:12px;
    color:#6b6b6b;
    padding:7px 15px;
    cursor:pointer;
}
.export-dialog .export-columns-selector .columns-wrapper div:hover {
    color:#444444;
}
.export-dialog .export-columns-selector .columns-wrapper div div {
    display: inline-block;
    margin-right: 10px;
    padding:0px;
    position:relative;
    top:2px;
}

.export-dialog .hide-column-selectors .columns-height-wrapper{
    display: none;
}
.export-dialog .hide-column-selectors .export-columns-search{
    display:none;
}
/* EXPORT END */

.cly-button-group .icon-button { border-radius:0; margin:0; border-left:none; }
    .cly-button-group .icon-button:first-child, .cly-button-group .icon-button.first { border-radius:4px 0 0 4px; border-left: 1px solid #A5A5A5}
    .cly-button-group .icon-button.dark:first-child, .cly-button-group .icon-button.dark.first { border-left-color:#1B1B1B; }
    .cly-button-group .icon-button:last-child, .cly-button-group .icon-button.last { border-radius:0 4px 4px 0; }

.button-selector { font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#6B6B6B; padding:0;overflow:auto; user-select:none; }
.button-selector .button { cursor:pointer; user-select:none; background-color:#ececec; float:left; padding:7px; padding-top:6px; border:1px solid #D0D0D0; margin-left:-1px; }
.button-selector .button:nth-child(1),
.button-selector .button.first { margin-left:0; border-left:1px solid #D0D0D0; border-top-left-radius:2px; border-bottom-left-radius:2px; }
.button-selector .button:last-child,
.button-selector .button.last { border-top-right-radius:2px; border-bottom-right-radius:2px; border-right:1px solid #D0D0D0; }
.button-selector .button:hover { background-color:#F9F9F9; }
.button-selector .button:active  { background-color:#F9F9F9; }
.button-selector .button.active { background-color:#F9F9F9; }
.button-selector .button.disabled { opacity:0.3; cursor:default; }
.button-selector .button.icon { padding:5px; line-height: 12px; width: 18px; text-align: center; }
.button-selector .button.icon i.material-icons { font-size: 16px; }
.button-selector .button.icon span.ion-icons { font-size: 17px; }
.button-selector .button.icon i.fa { font-size: 18px; line-height: 14px; padding-bottom: 3px; }
.button-selector.light .button { cursor:pointer; user-select:none; background-color:#fbfbfb; float:left; padding:7px; padding-top:6px; border:1px solid #D0D0D0; margin-left:-1px; }
.button-selector.light .button:nth-child(1),
.button-selector.light .button.first { margin-left:0; border-top-left-radius:2px; border-bottom-left-radius:2px; }
.button-selector.light .button:last-child,
.button-selector.light .button.last { border-top-right-radius:2px; border-bottom-right-radius:2px; }
.button-selector.light .button:hover { background-color:#FFF; }
.button-selector.light .button:active  { background-color:#FFF; }
.button-selector.light .button.active { background-color:#FFF; border:1px solid #2EB52B; position: relative; z-index:10;}
.button-selector.light .button.disabled { opacity:0.3; cursor:default; }

.cly-list-options-row{color: #6B6B6B;border-radius: 2px;border: solid 1px #d0d0d0;padding: 2px 10px}
#content .cly-list-options {cursor: pointer; color:#a7a7a7; font-size: 20px; vertical-align: middle; line-height: 12px; }
#content .cly-list-options:hover {color:#6B6B6B;}
#content .cly-list-options:before { font-family: 'Ionicons';  content: "\f396"; }
.cly-button-menu-trigger.active { opacity: 0.8; }
.cly-button-menu-trigger.active + .cly-button-menu, .cly-button-menu.active { opacity: 1; transition: opacity 0.2s; z-index: 2; }
.cly-button-menu { padding:10px 0; opacity: 0; transition: opacity 0.3s, z-index 0.9s; z-index: -1; position: absolute; background-color: #FFF; right:0; top:37px; border-radius: 2px; outline:none; border: 1px solid #d0d0d0;}
.cly-button-menu .item { cursor:pointer; padding: 8px 20px; font-size: 13px; white-space: nowrap; color:#474747; display: block;}
.cly-button-menu .item:hover { background-color: #f3f3f3; }
.cly-button-menu:before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; top:-8px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2;}
.cly-button-menu:after { border: 5px solid rgba(194, 225, 245, 0); border-bottom-color: #d0d0d0; right: 6px; top:-10px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1;}
.cly-button-menu hr { display: block; height: 1px; border: 0; border-top: 1px solid #D0D0D0; margin: 8px; padding: 0; }
.cly-button-menu .item .hint { padding-top: 8px; font-size: 12px; color: #8C8C8C; clear: both; line-height: 1.5; }

.cly-button-menu.dark { background-color: #202020; color:#FFF; }
.cly-button-menu.dark .item { color:#FFF; }
.cly-button-menu.dark .item:hover { background-color: #171717; }
.cly-button-menu.dark:before { border-bottom-color: #202020; }

/* GRAPH NOTES */

.graph-key-event-label,
.graph-note-label { z-index:2; font-family:Oswald; cursor:pointer; width:14px; height:14px; line-height: 14px; text-align:center; background-color:#E66; color:#FFF; font-size:8px; border-radius:40px; font-weight:normal; opacity:0.8; }

.time-picker span { display: block; padding:5px 10px 5px 5px; text-align: center; cursor:pointer; color:#777; }
.time-picker span:hover { font-size: 16px; }
.time-picker span.selected { font-weight: 500; font-size: 17px; }

#graph-tooltip { pointer-events:none; padding:4px 7px; overflow:hidden; border:1px solid #3C3C3C; border-radius:2px; background-color:rgba(60, 63, 64, 0.86); color:#FFF; font-size:11px; display:none; position:absolute; z-index:100; }
    #graph-tooltip.v2 { padding:0; }
#graph-tooltip>span { display: block; padding:4px 7px; text-align: center; }
#graph-tooltip .graph-tooltip-content { padding:8px 10px; font-size:12px; }
#graph-tooltip .label-value { text-align: center; }
#graph-tooltip .separator { margin:5px 0; border-top:1px solid #222; border-bottom:1px solid #666; height:0; opacity:0.6; }
#graph-tooltip .note-line { padding:2px 10px; margin-bottom:5px; text-align:left; font-size:11px; color:#BBB; max-width: 200px; }
#graph-tooltip .note-line:first-child { border-top:1px solid #3C3C3C; }
#graph-tooltip .note-line:last-child {  }
#graph-tooltip-title { color:#CCC; border-bottom:1px solid #3C3C3C; font-size:10px; }

#graph-tooltip.white { background-color: #FFF; border:1px solid #D0D0D0; color:#333; }
    #graph-tooltip.white .title { text-align: center; padding:0px 5px 5px 5px; color:#636363; font-size:12px; }
    #graph-tooltip.white .separator { border-top-color:#D0D0D0; border-bottom: none; opacity: 1; }

#graph-tooltip .inner { margin:6px 0; padding:0 1px; overflow: hidden; color:#636363; font-size:12px; text-transform:uppercase; }
#graph-tooltip .inner .color { float:left; width:12px; height:12px; margin-right:10px; }
#graph-tooltip .inner .series { color:#636363; text-transform:uppercase; float:left; line-height:12px; font-size:12px; margin-right:20px; }
#graph-tooltip .inner .value { color:#636363; float:right; line-height:12px; font-size:12px; }

.note-list .note { border-bottom:1px solid #EEE; width:100%; padding:7px 0; position:relative; }
.note-list .note .date { color:#999; font-size:11px; }
.note-list .note .content { margin-top:3px; max-width:220px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.note-list .note .delete-note { display:none; position:absolute; right:0; width:20px; height:20px; top:23px; }
.note-list .note .delete-note i { color:#D67678; cursor:pointer; }
.note-list .note .delete-note i:hover { color:#D63E40; }
.note-list .note:hover .delete-note { display:block;  }

.note-create .text-count-wrapper { margin-top:1px; font-size:11px; text-align: right; height:16px; color:#BBB; display: block; }
/* GRAPH NOTES END */

/* DRAWER UI */
.cly-drawer { position:fixed; width:450px; height:100%; right:0; transform: translateX(450px); transition:transform 0.3s; top:0; background-color: #f9f9f9; border-left:1px solid #d0d0d0; z-index: 10001; box-sizing:border-box; padding-top:58px; padding-bottom:120px }
.cly-drawer.open { transform: translateX(0) !important; transition:transform 0.3s !important; }
.cly-drawer .buttons { position: absolute; right:0; width:410px; padding: 20px; bottom: 0; }
.cly-drawer .buttons .icon-button { float:none; font-size: 15px; text-align: center; padding: 12px; }
.cly-drawer .title { position: absolute; padding:20px; font-size: 20px; color:#636363; background-color: #FFF; width: 100%; top: 0px; box-sizing:border-box }
.cly-drawer .title .close { position: absolute; right:20px; top:9px; font-size: 42px; color:#9c9c9c; transition:color 1s; cursor: pointer; }
.cly-drawer .title .close:hover { color:#333; transition:color 1s; }
.cly-drawer .details { padding: 20px; height:100%; float:none; overflow-y:auto }
.cly-drawer .details .section { margin-bottom: 25px; }
.cly-drawer .details .section .label { font-size: 12px; margin-bottom: 8px; color:#636363; }
.cly-drawer .details .section > .description { font-size: 11px; margin-top: 4px; color: #9c9c9c; line-height: 17px; }
.cly-drawer .details .section .checks { border:1px solid #d0d0d0; border-radius: 2px; }
.cly-drawer .details .section .checks .check:first-child { border:none; }
.cly-drawer .details .section .checks .check { border-top:1px solid #d0d0d0; background-color: #ececec; overflow: auto; padding:8px; cursor: pointer; }
.cly-drawer .details .section .checks .check.selected { background-color: #FFF; }
.cly-drawer .details .section .checks .check .box { border:1px solid #CCC; border-radius:15px; float:left; width:12px; height: 12px; margin-top:1px; position: relative; margin-right: 8px; cursor: pointer; }
.cly-drawer .details .section .checks .check.selected .box { box-shadow: inset 0 0 0 2px #FFF; background-color:#2eb52b; }
.cly-drawer .details .section .checks .check .text { float:left; font-size: 12px; margin-top: 1px; color: #6f6f6f; cursor: pointer; }
.cly-drawer .details .section .checks .check .description { float:left; font-size: 10px; margin-top: 3px; margin-left: 20px; color: #9c9c9c; }
.cly-drawer .details .section input[type=text].input { width: 100%; box-sizing: border-box; border-radius: 2px; border: 1px solid #d6d6d6; outline: none; padding: 7px; font-size: 12px; }
.cly-drawer .buttons { position: relative; background-color: #fff; border-top: 1px solid #ECECED; width: 100%; padding: 20px 20px; margin: 0; left: 0; right: 0; box-sizing: border-box; bottom: 0; }
.cly-drawer .buttons .icon-button { float:none; font-size: 15px; text-align: center; padding: 12px; margin:0; }
.cly-drawer .buttons .icon-button.disabled, .cly-drawer  .icon-button.disabled { cursor: auto; }
.cly-drawer .panel { background-color: #ffffff; border: 1px solid #D0D0D0; font-size: 13px; border-radius: 2px; }
.cly-drawer .panel .panel-heading { padding: 8px 20px; background-color: #ECECEC; color: #636363; text-transform: uppercase; border-bottom: 1px solid #D0D0D0; font-weight: 500; }
.cly-drawer .panel .panel-body { padding: 20px; position: relative; }
/* DRAWER UI END */

/* MISC */
#edit-account-details { display:none; }
    #edit-account-details .title { float:left; width:100px; }
    #edit-account-details .input { margin-left:105px; }
.tickLabel { color:#999; }
    .xAxis .tickLabel { font-family:Oswald; overflow: hidden; text-overflow: ellipsis; max-width: 100px; max-height: 60px; white-space: pre-wrap; }
    .yAxis .tickLabel { font-family:Oswald; text-align: right !important; font-size:11px; color:#CCC; z-index:-1; }

#no-app-warning { display:none; margin-left:187px; }
#first-app-success { display:none; margin-left:187px; margin-top:-5px; }
#add-app-button  .text { overflow:hidden; text-overflow:clip; white-space:nowrap; max-width:60px; }
#listof-apps .icon-button { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:47px; }

.item .beta-button { opacity:0; transition:opacity 0.2s; background-color:#222; background-image:linear-gradient(top, #222 10%, #111 100%); background-image:linear-gradient(to bottom, #222 10%, #111 100%); border:1px solid #000; color:#CCC; box-shadow:inset 0 1px 0 #333; float:right; margin-top:7px; margin-right:7px; font-size:9px; border-radius:10px; padding:3px 5px; }
.item.active .beta-button { opacity:0.8; transition:opacity 0.2s; background-color:#D63E40; background-image:linear-gradient(top, #E95C6C 10%, #D63E40 100%); background-image:linear-gradient(to bottom, #E95C6C 10%, #D63E40 100%); border:1px solid #AD0303; color:#FFF; box-shadow:inset 0 1px 0 #F196A0; }
.item.active .beta-button:hover { opacity:0.9; }

#total-user-estimate-ind { vertical-align:text-top; font-size:9px; margin-left:-7px; }
#total-user-estimate-ind:hover { color:#6BB96E; }

.rotated-tick { margin-top:-16px; font:normal 17px Oswald; }

.messenger-message-inner { line-height: 17px; }
.messenger-message-inner a { text-decoration: underline; }
.owner-indicator {font-size:16px; margin-left:9px; padding-top:11px; float:left; display:none; }
.resource-link {cursor:pointer;}

.popup-link { float:left; font-family:Ubuntu; font-size:13px; color:#999; padding-top:7px; cursor:pointer; }
.popup-link:hover { text-decoration: underline; }

.required-border { border-color:#B94A48 !important; }

.options {display: none; background-color:#FFF; position: absolute; top:52px; right: 62px; list-style: none; margin:0; padding:10px 0; border-radius:2px; border:1px solid #D0D0D0; }
.options:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; right: 9px; top: -13px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.options:after { border: 5px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 10px; top: -10px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.options li { font:13px Ubuntu,Helvetica,sans-serif; color: #474747; padding: 8px 20px; cursor:pointer; }
.options li:hover{ background-color: #D63E40; color:#FFF; }
.options li:hover span.li-explanation { color: #f7f7f7; }
.options li span { line-height:23px; }
.options li span.li-explanation{ color:#828282; display:block; font-size: 11px;}

.web-10{width: 10%;}
.web-15{width: 15%;}
.web-20{width: 20%;}
.web-25{width: 25%;}
.web-30{width: 30%;}
.web-35{width: 35%;}
.web-40{width: 40%;}
.web-45{width: 45%;}
.web-50{width: 50%;}

/* ALL APPS */
.allapps .dataTable-top {border-radius: 0;}
.allapps .logo{width: 20px; height: 20px; background-size: 20px 20px; float: left; margin-right: 10px; margin-top: -2px; background-position: center; border-radius: 4px; border: 1px solid #555;}
.allapps .trend { width:12px; height:9px; display: inline-block; margin-top: 5px; margin-right: 5px;}
.allapps tbody tr {cursor: pointer;}
.allappview .widget-content .big-numbers .inner{height: 30px;}
.allappview .widget-footer{border-radius: 0;}
.allappview #empty-graph { position: absolute; text-align: center; font-size: 15px; width:100%; top:50%; margin-top: -20px; display: none; height: 20px; line-height: 20px; text-shadow: none; color: #B3B3B3; }
.allapps div.color{ width: 10px; height: 10px; float: left; margin: 1px 10px 0 0; }
.allapps .material-icons { font-size: 16px; vertical-align: middle; margin-right: 10px; line-height: 6px; height: 8px; }
.allapps .material-icons.up { color:#6BB96E; }
.allapps .material-icons.down { color:#C94C4C; }

/* Styles for horizontal d3 bar charts */
.hsb-container { margin:20px 30px; position:relative; }
.hsb-container.top { margin-bottom:30px; }
.hsb-container .label { text-align:left; font-size: 12px; margin-bottom: 3px; color:#777; }
.hsb-container text { fill: #FFF; font: 10px sans-serif; text-anchor: initial; }
.hsb-tip { background-color: transparent; text-align: center; padding:9px 0; color:transparent; font-size:11px; cursor: default; overflow: hidden; }
.hsb-tip:hover { color:#FFF; }
.hsb-container foreignobject:hover + text { display: none; }
.hsb-container .no-data { color:#C5C5C5; text-align: center; font-size: 11px; padding:9px 0; user-select:none; cursor: default; }

/* Styles tabs */
.ui-tabs .ui-tabs-nav li { width:50%; margin:0; padding:0; background-color: #f8f8f8; border-radius:0; }
.ui-tabs .ui-tabs-nav li a { display: block; float:none; padding:12px 0 15px 0; font-size:13px; font-family: Ubuntu; text-transform: uppercase; color:#636363; }
.ui-tabs.ui-widget-content .ui-tabs-nav > .ui-state-default { border:none; background-image: none; padding:0; border-top: 3px solid #f8f8f8; }
.ui-tabs.ui-widget-content .ui-tabs-nav > li.ui-tabs-active { background-color: white; border-top: 3px solid #19cc63; border-bottom:1px solid #FFF !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a { cursor:default; }
.ui-tabs .ui-tabs-nav { height: auto; background-image: none; background-color: transparent; border: none; padding: 0; margin: 0; border-radius: 0; margin-top:-1px; }
.ui-tabs { border-radius:0; border:none; }
.ui-tabs .ui-tabs-nav li { border-bottom:1px solid #eaeaea !important; }

.back-link,
.back-link:visited { cursor:pointer; margin-bottom: 16px; color:#616161; font-size:12px; display: inline-block; text-transform: uppercase; }
.back-link:before { content: "←"; margin-right: 5px; color:#616161; }
.back-link:hover span { text-decoration: underline; }

/* Styles for nested tables */
td.details,
td.details:hover { position:relative; border-bottom:1px solid #d0d0d0; padding:15px; background-color:#FFF; cursor:default; }
td.details:hover,
td.details tr:hover { }
td.details table { border-spacing: 0; border: 1px solid #e8e8e8; width:100%; }
td.details table tr,
td.details table tr:hover { background-color:#FFF !important; cursor:default; line-height:20px; }
td.details table tr:first-child,
td.details table tr:first-child:hover { background-color:#F3F3F3 !important; line-height:12px; }
td.details table tr:first-child td,
td.details table tr:first-child th { border:none; font-family:Ubuntu; font-size:11px; cursor:default; }
td.details table td { padding:5px 10px; border-top: 1px solid #e8e8e8; }
td.details:before { border: 8px solid rgba(194, 225, 245, 0); border-top-color: #FFE4C9; left: 20px; top: 0px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.graph-description { background-color: #f9f9f9; padding: 10px 14px; color: #868686; font-size: 13px; border: 1px solid #d0d0d0; border-bottom-color: #e9e9e9; overflow:auto; }
.graph-description + .widget-content { border-top:none; }

.nav-search { background-color: #fbfbfb; position:relative; border-bottom: 1px solid #d0d0d0; }
.nav-search i { position: absolute; top: 11px; right: 13px; color: #d2d2d2; font-size: 10px; }
.nav-search input { outline: none; font-size: 13px; border: none; padding: 8px 10px; margin-right: 1px; width: 158px; background-color: #fbfbfb; color: #6b6b6b; }

.table-link { color:#2FA732; text-decoration: underline; cursor: pointer; text-transform: lowercase; }
.table-link-user { color:#2FA732; text-decoration: underline; cursor: pointer;}
.table-link.green, .table-link-user.green { color:#2FA732;  }
.table-link.red { color:#D63E40; }
.table-link.external { float: right; margin-right: 10px}
.extable-link i { font-size:13px !important; line-height: 18px !important;}
.extable-link { float: right; margin-right:5%;}

.check-green { color:#9e9e9e; font-size:16px;}
.check-green:hover { color:inherit; }
.check-green.fa-square-o { color:#9e9e9e; }
.check-green.fa-check-square { color:#2FA732; }

.grouped-numbers .inner { padding:0; margin-left:8px; margin-right:8px; }
.grouped-numbers .item:first-child .inner { margin-right:8px; margin-left:0; }
.grouped-numbers .item:last-child .inner { margin-right:0; margin-left:8px; }
.grouped-numbers table td { padding:5px 10px; text-align: center; color:#666; }
.grouped-numbers table tr:first-child td { background-color: #ECECEC; border-bottom:1px solid #D0D0D0; color:#9c9c9c; padding:6px 10px; padding-bottom: 3px; }
.grouped-numbers table tr:nth-child(2) td { font-size: 25px; }
.grouped-numbers table tr:nth-child(3) td { border-top: 1px solid #eaeaea; width: 50%; }
.grouped-numbers div:first-child {border-left: none;}
.grouped-numbers table {width: 100%; border-spacing: 1px; border-collapse: separate;}
.grouped-numbers table td span { font-size: 14px; display: block; color:#b1b1b1; }
.grouped-numbers table td { font-size: 18px;}
.grouped-numbers table td.range-main { text-transform: uppercase; }
.grouped-numbers table td.range-main i { font-size: 22px; }
.grouped-numbers table td.range-main span { display: inline-block; padding-top: 0; vertical-align: text-top; margin-left: 3px; font-size: 15px; color: #848484; }

#clear-app-data .up,
#clear-app-data .down { display: inline-block; margin-left: 7px; opacity: 0.8; font-size: 10px; line-height: 12px; }
#clear-app-data .up { display: none; }
#clear-app-data.active .up { display: inline-block; }
#clear-app-data.active .down { display: none; }

.status-color {white-space:nowrap;}
.status-color i { margin-right: 5px; font-size: 9px; vertical-align: bottom; margin-bottom: 3px; }

/* Syntax highlighting - Highlight.js GoogleCode theme */
.hljs{display:block;overflow-x:auto;background:#fff;color:#000}
.hljs-comment,.hljs-quote{color:#800}
.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-title,.hljs-name{color:#008}
.hljs-variable,.hljs-template-variable{color:#660}
.hljs-string,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-regexp{color:#080}
.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-meta,.hljs-number,.hljs-link{color:#066}
.hljs-title,.hljs-doctag,.hljs-type,.hljs-attr,.hljs-built_in,.hljs-builtin-name,.hljs-params{color:#606}
.hljs-attribute,.hljs-subst{color:#000}
.hljs-formula{background-color:#eee;font-style:italic}
.hljs-selector-id,.hljs-selector-class{color:#9B703F}
.hljs-addition{background-color:#baeeba}
.hljs-deletion{background-color:#ffc8bd}
.hljs-doctag,.hljs-strong{font-weight:bold}
.hljs-emphasis{font-style:italic}
/* End of syntax highlighting - Highlight.js GoogleCode theme */

/* Custom on-off switch based on input checkbox */
.on-off-switch {
    position: relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}
.on-off-switch.disabled {
    opacity: 0.6;
}
.on-off-switch.disabled .on-off-switch-label {
    cursor: default;
}
.on-off-switch-checkbox {
    display: none;
}
.on-off-switch-label {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    height: 19px;
    padding: 0;
    line-height: 26px;
    border-radius: 24px;
    background-color: #d0d0d0;
    transition: background-color 0.3s ease-in;
    width: 32px;
    vertical-align: bottom;
}
.on-off-switch-label:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px 0 0 0;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    border-radius: 24px;
    transition: all 0.3s ease-in 0s;
    box-shadow: 0 1px 1px 0 #8e8e8e;
}
.on-off-switch-checkbox:checked + .on-off-switch-label { background-color: #2EB52B; }
.on-off-switch-checkbox:checked + .on-off-switch-label,
.on-off-switch-checkbox:checked + .on-off-switch-label:before { }
.on-off-switch-checkbox:checked + .on-off-switch-label:before { left: 17px; box-shadow: 0 1px 1px 0 #157313; }
.on-off-switch .text { display: inline-block; opacity:1; font-size: 12px; color: #d0d0d0; vertical-align: top; margin-top: 3px; margin-left: 8px; line-height: 12px; }
.on-off-switch input:checked + label + .text { opacity:0; }
/* End of custom on-off switch based on input checkbox */

/*Custom green checkbox for input forms */
input.custom-styled-green-check{height: 16px; width: 16px; vertical-align: middle; margin: .2em 0.4em 0.4em 0; border: 1px solid #DFE3E9; background-color: #FFFFFF; -webkit-border-radius: 2px; border-radius: 2px;  -webkit-appearance: none; -webkit-transition: box-shadow 200ms;transition: 200ms ease-in-out;padding: initial;box-sizing: border-box;
}
input.custom-styled-green-check:active,input.custom-styled-green-check:focus {border: 1px solid #DFE3E9;outline:none;}
input.custom-styled-green-check:checked:before{
    content: '';
    display: block;
    width: 3px;
    height: 6px;
    border: solid #2FA632;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 4px;
    margin-top: 2px;
}
input.custom-styled-green-check:checked {border-color: #C2C2C2;}

/* end of Custom green checkbox for input forms*/
.cly-grid-1 { width: 100%; }
.cly-grid-2 { width: 50%; }
.cly-grid-3 { width: 33%; }
.cly-grid-3:nth-child(2) { width: 34%; }
.cly-grid-4 { width: 25%; }
.cly-grid-5 { width: 20%; }
.cly-grid-6 { width: 17%; }
.cly-grid-6:first-child { width: 16%; }
.cly-grid-6:last-child { width: 16%; }
.cly-grid-7 { width: 14%; }
.cly-grid-7:first-child { width: 15%; }
.cly-grid-7:last-child { width: 15%; }
.cly-grid-8 { width: 12.5%; }

#top-bar { height: 59px; min-width:1024px; background-color: #FFF; user-select: none; position: fixed; width:100%; z-index: 999; box-shadow: inset 0 -1px 0 0 #E7E7E7; }
#top-bar .logo-container { padding: 14px 39px 13px 40px; float:left; }
#top-bar .logo { background-image: url("../images/dashboard/countly_logo.svg"); width: 144px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: contain; }

#top-bar .right-menu { float:left; font-size: 18px; margin-right: 15px; }
#top-bar .right-menu { float:right; font-size: 18px; margin-right: 15px; }

#top-bar .dropdown { display: none; width: 25px; text-align: center; position: relative; cursor: pointer; float:left; padding: 21px 10px; }
#top-bar .dropdown.bordered { border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7; }
#top-bar .dropdown.large { width: 180px; padding: 21px 25px; }
#top-bar .dropdown.active { box-shadow: inset 0 1px 0 0 #2fa732; }
#top-bar .dropdown.active .selected { display: block; }
#top-bar .dropdown.active .empty-state { display: none; }
#top-bar .dropdown.active.no-selection .selected { display: none; }
#top-bar .dropdown.active.no-selection .empty-state { display: block; }
#top-bar .dropdown .selected,
#top-bar .dropdown .empty-state { font-size: 14px; color:#474747; }
#top-bar .dropdown.icon .selected,
#top-bar .dropdown.icon .empty-state { color:#7d7d7d; }
#top-bar .dropdown.icon:hover .selected,
#top-bar .dropdown.icon:hover .empty-state { color:#616161; }
#top-bar .dropdown.icon.clicked .selected,
#top-bar .dropdown.icon.clicked .empty-state,
#top-bar .dropdown.icon.force-clicked .selected,
#top-bar .dropdown.icon.force-clicked .empty-state { color:#2fa732; }
#top-bar .dropdown .selected { display: none; }
#top-bar .dropdown .empty-state { display: block; }
#top-bar .dropdown .selected i,
#top-bar .dropdown .empty-state i { font-size: 18px; line-height: 18px; vertical-align: top; margin-top: -1px; display: inline-block; }
#top-bar .dropdown .empty-state i.fa { font-size: 16px; line-height: 18px; vertical-align: top; margin-top: -1px; display: inline-block; }
#top-bar .dropdown.large .selected:after,
#top-bar .dropdown.large .empty-state:after { font-family: 'Ionicons';  content: "\f3d0"; margin-left: 10px; font-size: 10px; line-height: 16px; vertical-align: top; }
#top-bar .dropdown.large.clicked .selected:after,
#top-bar .dropdown.large.clicked .empty-state:after,
#top-bar .dropdown.large.force-clicked .selected:after,
#top-bar .dropdown.large.force-clicked .empty-state:after { content: "\f3d8"; color:#2fa732; }
#top-bar .dropdown .menu { box-shadow: 0 3px 7px rgba(0,0,0,.08); border: 1px solid #d0d0d0; color:#474747; opacity: 0; cursor:default; position: absolute; top:67px; left: 50%; width: 280px; margin-left:-140px; background-color: #FFF; border-radius: 2px; visibility: hidden; }
#top-bar .dropdown.clicked .menu,
#top-bar .dropdown.force-clicked .menu { opacity: 1; transition:opacity 0.3s, visibility 0.3s; visibility: visible; }
#top-bar .dropdown .menu:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; left: 50%; margin-left: -6px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; }
#top-bar .dropdown .menu:after { border: 7px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; left: 50%; margin-left: -7px; top: -15px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1; }
#top-bar .dropdown .menu .action { cursor: pointer; padding: 10px; padding-bottom: 13px; border-bottom: 1px solid #d0d0d0; font-size: 13px; text-align: center; }
#top-bar .dropdown .menu .action:hover { background-color: #f3f3f3;  }
#top-bar .dropdown .menu .action .icon { color:#2fa732; margin-right: 5px; font-size: 19px; display: inline-block; vertical-align: bottom; margin-bottom: -6px; }
#top-bar .dropdown .menu .search { position: relative; }
#top-bar .dropdown .menu .search:after { font-family: 'Font Awesome 5 Free'; font-weight: 900;  content: "\f002"; position: absolute; top: 11px; font-size: 11px; color: #cacaca; right: 10px; }
#top-bar .dropdown .menu .search input { width: 100%; box-sizing: border-box; position: relative; padding-right: 32px; margin: 0; }
#top-bar .dropdown .menu .list { max-height: 350px; overflow: auto; }
#top-bar .dropdown .menu .list .item { display: block; cursor: pointer; border-bottom: 1px solid #d0d0d0; text-align: left; padding:10px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#top-bar .dropdown .menu .list #user-menu .item div{ display:inline; }
#top-bar .dropdown .menu .list .item:last-child { border-bottom: none; }
#top-bar .dropdown .menu .list .item:hover { background-color: #f3f3f3; }
#top-bar .dropdown .menu .list .item .icon { margin-right: 5px; color: #8e8e8e; width: 15px; display: inline-block; text-align: center; font-size: 15px; line-height: 15px; vertical-align: top; }
#top-bar .dropdown .menu.dark { background-color:#202020; color:#FFF; }
#top-bar .dropdown .menu.dark .list .item { border-bottom: 1px solid #2A2A2A; }
#top-bar .dropdown .menu.dark .list .item:hover { background-color:#171717; }
#top-bar .dropdown .menu.dark:before { border-bottom-color:#202020; }
#top-bar .dropdown .menu.dark .nav-search input { background-color: #171717; color:#FFF; }
#top-bar .dropdown .menu.dark .search:after { color:#525252; }
#top-bar .dropdown .menu.dark .nav-search { box-shadow:inset -1px 0 0 0 #000; border-bottom-color:#2A2A2A; }
#top-bar .dropdown .menu.dark .create { border-bottom-color:#2A2A2A; }
#top-bar .dropdown .menu.dark .create:hover { background-color:#171717; }
#top-bar .dropdown .menu.right { right:0; transform: none; left: auto; }
#top-bar .dropdown .menu.right:before { left:auto; right: 15px; }
#top-bar .dropdown .menu.right:after { left:auto; right:14px; }
#top-bar .dropdown.large .menu.right:before { right:115px; }
#top-bar .dropdown .item_info { color: #969696; display: block; cursor: pointer; border-bottom: 1px solid #d0d0d0; text-align: left; padding:10px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default;}
#top-bar .dropdown .sub_info { font-weight: normal; color: #808080;}
#top-bar .dropdown .item_info .user_name div:first-child { color: #676464;font-weight: 500;font-size:14px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
#top-bar .dropdown .item_info .user_name div:last-child {  font-size: 12px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
#top-bar .dropdown .item_info .api_key { margin-top: 10px;}
#top-bar .dropdown .item_info .api_key div:first-child { color: #676464; font-size: 11px; text-transform: uppercase;font-weight: 500;}
#user_api_key_item {display: flex;cursor: pointer;}
#user_api_key_item input {width:100%; border:none; color: #969696; font-size: 10px; font-family: Ubuntu,Helvetica,sans-serif; cursor:pointer;margin-left: 5px;}
#user_api_key_item input::-moz-selection {background: #2FA732;color:#ffffff;}
#user_api_key_item input:hover {color:#0166D6;}
#manage-menu {background-color:#0B131A; color: #FFF;}
#top-bar .dropdown .menu #manage-menu.list .item{border: none; background-image: none; padding-top: 5px; padding-bottom: 5px; width: 180px;}
#top-bar .dropdown .menu #manage-menu.list .item:hover {background-color:#0B131A;}
#top-bar .dropdown .menu #manage-menu.list .item:hover .logo-icon { color: #FFF; }
#top-bar .dropdown .menu #manage-menu.list .item:hover .text { color: #FFF; }
#top-bar .dropdown .menu #manage-menu.list{
    max-height: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    padding-bottom: 16px;
    width: auto;
}
#top-bar .dropdown .menu #manage-menu.list.columns {
    -moz-column-count: 2;
    -moz-column-gap: 12px;
    -webkit-column-count: 2;
    -webkit-column-gap: 12px;
    column-count: 2;
    column-gap: 12px;
}
#top-bar .dropdown .menu.manage-menu {border: none; width: auto; background-color:#0B131A}
#top-bar .dropdown .menu.manage-menu:before {border: 6px solid rgba(194, 225, 245, 0); border-bottom-color:#0B131A; }
#top-bar .dropdown .menu.manage-menu:after {border: 6px solid rgba(194, 225, 245, 0); border-bottom-color:transparent; }
#top-bar .dropdown .menu #manage-menu.list .item .logo-icon { color:#9F9F9F; width:25px; height:22px; float:left; margin-left:16px; margin-top:2px; font-size: 18px; text-align: center; }
#top-bar .dropdown .menu #manage-menu.list .item .logo-icon .material-icons { font-size:17px; margin-top:1px; }
/* Fix for old .fa icons, this can be removed once all enterprise plugins have updated icons */
#top-bar .dropdown .menu #manage-menu.list .item .logo-icon.fa {
    width: 24px !important;
    height: 25px !important;
    line-height: 24px !important;
    font-size: 16px !important;
    margin-left: 17px !important;
}
#top-bar .dropdown .menu #manage-menu.list .item .text { margin-left:12px; float:left; padding-top:6px; font:14px Ubuntu,Helvetica,sans-serif; line-height:100%; color:#9F9F9F; max-width: 125px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#top-bar .dropdown .menu.manage-menu .menu-category-title{padding-left:25px; padding-right:15px; padding-top:16px; font:13px Ubuntu,Helvetica,sans-serif; color:#9F9F9F; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:block; text-transform: uppercase; padding-bottom: 4px; text-align:left;}

#app-navigation.dropdown.large { margin-left: 80px; padding:21px 25px 19px 25px; box-sizing:border-box; height:59px; width:230px; white-space: nowrap; }
#app-navigation #active-app-name { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block; max-width: 125px; }
#app-navigation #active-app-icon { vertical-align:top; display:inline-block; width:20px; height:20px; background-size:22px 22px; margin-right:10px; margin-top:-3px; background-position:center; border-radius:4px; border:1px solid #555; }
#app-navigation .list .item .app-icon { width: 20px; height: 20px; background-position:center; background-size:22px 22px;  border-radius:4px; display: inline-block; margin-right:10px; vertical-align: top; margin-top: 1px; }
#app-navigation .list .item .name { display: inline-block; vertical-align: top; margin-top:4px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 210px; }
#app-navigation .empty-state { padding:1px 0; }

#version-info { position: absolute; bottom: 0; font-size: 10px; color: #747474; width: 100%; padding: 12px 0; box-sizing: border-box; text-align: center; background-color: #0B131A; z-index: 1; height: 36px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; border-top: 1px solid #2A2F33;}
#version-info span {}

#notification-icon { position: relative; }
#notification-icon.unread:after { content: " "; width: 4px; height: 4px; position: absolute; top: 0; right: 0; border-radius: 4px; background-color: #FF8700; }

#main-views-container .main-view.active { display: block; }
#sidebar,
/* #main-views-container #analytics-main-view.active #sidebar.hidden { transform:translate(-230px); opacity:0.8; transition: opacity 0.1s 0.2s, transform 0.55s; } */
/* #main-views-container #analytics-main-view.active #sidebar { transform:translate(0); opacity:1; transition: opacity 0.1s 0.2s, transform 0.55s; } */
#hide-sidebar-button { position: absolute; left: 16px; top: 21px; cursor: pointer; width: 21px; height: 18px; background-image: url("../images/dashboard/collapse-sprite.svg"); background-repeat: no-repeat;}
#hide-sidebar-button:hover { background-position: -21px 0px; }
#hide-sidebar-button.active { background-position: -42px 0px; }
#hide-sidebar-button.active:hover { background-position: -63px 0px; }
.dashboard-summary .inner{
    margin-left: 0;
}
.dashboard-summary .inner-new{
background-color: #ffffff;
padding: 25px 10px;
}

.dashboard-summary .device-bar-item{
    width: calc(33.3% - 1px) !important;
}

.dashboard-summary .device-bar-item {
    border-top:1px solid #DBDBDB;
    border-right:1px solid #DBDBDB;
    border-bottom:1px solid #DBDBDB;
}

.dashboard-summary .device-bar-item:last-child {
    border-top:1px solid #DBDBDB;
    border-bottom:1px solid #DBDBDB;
}

.dashboard-summary .device-bar-item:first-child {
    border-top:1px solid #DBDBDB;
    border-bottom:1px solid #DBDBDB;
    border-left:1px solid #DBDBDB;
}

.dashboard-summary .overview-new-item{
width: calc(25% - 1.5px);
}

.dashboard-summary .overview-new-item {
    border-top:1px solid #DBDBDB;
    border-right:1px solid #DBDBDB;
    border-bottom:1px solid #DBDBDB;
}

.dashboard-summary .overview-new-item:last-child {
    border-top:1px solid #DBDBDB;
    border-bottom:1px solid #DBDBDB;
}

.dashboard-summary .overview-new-item:first-child {
    border-top:1px solid #DBDBDB;
    border-bottom:1px solid #DBDBDB;
    border-left:1px solid #DBDBDB;
}

.dashboard-summary .item .bar-new{
height: auto !important;
width: 95%;
}

.dashboard-sumamry .device-bar:first {
    border-right:1px solid #DBDBDB;
}

.dashboard-sumamry .device-bar:first {
    border-left:1px solid #DBDBDB;
}

.dashboard-summary .item .bar-no-data{
    font-size: 12px;
    color: #5F5F5F;
    font-family: Ubuntu;
    border-radius:2px;
    text-align:center;
    width:90%;
    height:20px;
    padding-top:3px;
    overflow:auto;
    background-color:#f9f9f9 !important;
    margin:0 auto;
    margin-top:5px;
    margin-bottom:5px;
}

.dashboard-summary .item .title-new{
    font: 14px Ubuntu,Helvetica,sans-serif;
    color: #5F5F5F;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: left;
    margin-left: 2.5%;
}

.dashboard-summary .item .bar .bar-inner-new{
    float: none !important;
    height: 20px;
    font-family: Ubuntu,Helvetica,sans-serif;
    margin-top: 15px;
    margin-left: 35px;
    box-shadow: 0 0 0 transparent;
    display: block;
    position: relative;
    background: #ECECEC;
    border-radius: 2px;
    /*overflow: hidden;*/
}
#bar-summary {
    border-radius: 2px !important;
}
.dashboard-summary .item .bar .bar-inner-new:first-child{
    margin-top: 0;
}
.dashboard-summary .item .bar .bar-inner-new:first-child:hover{
    margin-top: 0;
}
.dashboard-summary .item .bar .bar-inner-new:hover{
    height: 20px;
    margin-bottom: 0;
    margin-top: 15px;
}
.dashboard-summary .item .bar .bar-inner-new .bar-inner-percent{
    position: absolute;
    top: 0;
    font-size: 11px;
    left: -35px;
    width: 30%;
    height: 18px;
    display: block;
    z-index: 4;
    padding: 2px 0 0 0;
}
.dashboard-summary .item .bar .bar-inner-new::before{
    content: attr(data-item);
    text-indent: 3px;
    position: absolute;
    font-size: 13px;
    white-space: nowrap;
    height: 20px;
    overflow: hidden;
    color: #fff;
    z-index: 8;
    height: 18px;
    padding: 2px 0 0 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.dashboard-summary .item .bar .bar-inner-new::after{
content: attr(data-item);
text-indent: 3px;
position: absolute;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
color: #888;
height: 18px;
padding: 2px 0 0 0;
}

.dashboard-summary .item .bar .bar-inner-new:nth-child(2){background: #ececec;}
.dashboard-summary .item .bar .bar-inner-new:nth-child(3){background: #ececec;}

.dashboard-summary .item .bar .bar-inner-new[data-percent='0%']::before{ width: 0% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='1%']::before{ width: 1% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='2%']::before{ width: 2% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='3%']::before{ width: 3% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='4%']::before{ width: 4% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='5%']::before{ width: 5% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='6%']::before{ width: 6% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='7%']::before{ width: 7% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='8%']::before{ width: 8% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='9%']::before{ width: 9% }
.dashboard-summary .item .bar .bar-inner-new[data-percent='10%']::before{ width: 10%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='11%']::before{ width: 11%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='12%']::before{ width: 12%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='13%']::before{ width: 13%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='14%']::before{ width: 14%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='15%']::before{ width: 15%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='16%']::before{ width: 16%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='17%']::before{ width: 17%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='18%']::before{ width: 18%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='19%']::before{ width: 19%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='20%']::before{ width: 20%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='21%']::before{ width: 21%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='22%']::before{ width: 22%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='23%']::before{ width: 23%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='24%']::before{ width: 24%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='25%']::before{ width: 25%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='26%']::before{ width: 26%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='27%']::before{ width: 27%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='28%']::before{ width: 28%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='29%']::before{ width: 29%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='30%']::before{ width: 30%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='31%']::before{ width: 31%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='32%']::before{ width: 32%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='33%']::before{ width: 33%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='34%']::before{ width: 34%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='35%']::before{ width: 35%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='36%']::before{ width: 36%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='37%']::before{ width: 37%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='38%']::before{ width: 38%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='39%']::before{ width: 39%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='40%']::before{ width: 40%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='41%']::before{ width: 41%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='42%']::before{ width: 42%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='43%']::before{ width: 43%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='44%']::before{ width: 44%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='45%']::before{ width: 45%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='46%']::before{ width: 46%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='47%']::before{ width: 47%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='48%']::before{ width: 48%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='49%']::before{ width: 49%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='50%']::before{ width: 50%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='51%']::before{ width: 51%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='52%']::before{ width: 52%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='53%']::before{ width: 53%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='54%']::before{ width: 54%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='55%']::before{ width: 55%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='56%']::before{ width: 56%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='57%']::before{ width: 57%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='58%']::before{ width: 58%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='59%']::before{ width: 59%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='60%']::before{ width: 60%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='61%']::before{ width: 61%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='62%']::before{ width: 62%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='63%']::before{ width: 63%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='64%']::before{ width: 64%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='65%']::before{ width: 65%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='66%']::before{ width: 66%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='67%']::before{ width: 67%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='68%']::before{ width: 68%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='69%']::before{ width: 69%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='70%']::before{ width: 70%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='71%']::before{ width: 71%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='72%']::before{ width: 72%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='73%']::before{ width: 73%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='74%']::before{ width: 74%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='75%']::before{ width: 75%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='76%']::before{ width: 76%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='77%']::before{ width: 77%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='78%']::before{ width: 78%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='79%']::before{ width: 79%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='80%']::before{ width: 80%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='81%']::before{ width: 81%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='82%']::before{ width: 82%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='83%']::before{ width: 83%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='84%']::before{ width: 84%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='85%']::before{ width: 85%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='86%']::before{ width: 86%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='87%']::before{ width: 87%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='88%']::before{ width: 88%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='89%']::before{ width: 89%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='90%']::before{ width: 90%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='91%']::before{ width: 91%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='92%']::before{ width: 92%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='93%']::before{ width: 93%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='94%']::before{ width: 94%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='95%']::before{ width: 95%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='96%']::before{ width: 96%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='97%']::before{ width: 97%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='98%']::before{ width: 98%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='99%']::before{ width: 99%}
.dashboard-summary .item .bar .bar-inner-new[data-percent='100%']::before{ width: 100%}

.date-picker-component{
    display: inline-block;
    height: 27px;
    margin-right: 5px;
    position: relative;
    width: 230px;
}
.date-picker-component .date-value { cursor: pointer }
.date-picker-component .date-picker,
.date-picker-component .date-picker-ext-wrapper{
    padding: 0;
    right: 0;
    top: 33px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
}
.date-picker-component .date-picker .calendar-container, .date-picker-component .date-picker-ext-wrapper .calendar-container { padding: 14px }
.date-picker-component .string-input {
    margin: 0;
    outline: none;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 6px 9px;
    box-sizing: border-box;
    width: 100% !important;
    font: 13px Ubuntu,Helvetica,sans-serif;
    line-height: 111%;
}
.date-picker-component .date-picker, .date-picker-component .date-picker-ext-wrapper {
    padding: 0;
    right: 0;
    top: 33px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
}

.date-picker-component.extended .date-picker-ext-wrapper {
    background-color: #0b131a;
    display: block;
    top: 0px;
}

.date-picker-component.extended:not(.collapsible){
    height: 266px;
    width: 240px;
}

.date-picker-component.extended:not(.collapsible) .date-picker-ext-wrapper{
    border: none;
}

.date-picker-component.extended.collapsible .date-picker-ext-wrapper{
    display: none;
    top: 33px;
}

.date-picker-component .date-picker .calendar-container,
.date-picker-component .date-picker-ext-wrapper .calendar-container {
    padding: 14px;
}

.app-details-plugins > div.ui-accordion {
    border: 1px solid #D0D0D0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    width: auto;
}
.app-details-plugins > div.ui-accordion > h3.ui-accordion-header .ui-icon {
    position: relative;
    margin-right: 4px;
    float: left;
    top: auto;
    margin-top: 3px;
    left: auto;
}

.app-details-plugins > div > h3.ui-accordion-header.ui-state-default {
    font-family: Ubuntu,Helvetica,sans-serif;
    height: 21px;
    padding: 16px 8px;
    color: #666;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    border-radius: 0;
    border-top: 1px solid #D0D0D0;
    background-color: #ECECEC;
    margin: 0px;
    vertical-align: middle;
}

.app-details-plugins > div > h3.ui-accordion-header.ui-state-default:first-child, .app-details-plugins > div > h3.ui-accordion-header.ui-state-active:first-child {
    border-top: none;
}

.app-details-plugins > div > h3.ui-accordion-header.ui-state-active {
    font-family: Ubuntu,Helvetica,sans-serif;
    height: 21px;
    padding: 16px 8px;
    color: #666;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    border-radius: 0;
    background: #ECECEC;
    margin-top: 0;
    vertical-align: middle;
    font-weight: normal;
    border: none;
    border-top: 1px solid #D0D0D0;
}

.app-details-plugins .ui-accordion .ui-accordion-content {
    padding: 0;
}

.app-details-plugins > div > form.ui-accordion-content.ui-widget-content.ui-accordion-content-active {
    padding: 0 0 0 0 !important;
    border-radius: 0;
    margin-bottom: 0;
    border: 1px solid #D0D0D0;
    border-width: 1px 0 0 0;
}

.app-details-plugins > div > form.ui-accordion-content.ui-widget-content.ui-accordion-content-active.overflow-visible {
    overflow: visible !important;
}

.app-details-plugins > div > form.ui-accordion-content.ui-widget-content:last-child {
    border-bottom-width: 1px;
}
.app-details-plugins a {
    color: #2FA732;
}

.mgmt-plugins h4 {
    color: #2FA732;
    padding: 1em 3em;
    border-top: 1px solid #D0D0D0;
    font-size: 15px;
    line-height: 12px;
    font-weight:normal;
}

.mgmt-plugins h4:first-child {
    border-top: none;
}

.mgmt-plugins-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 1em 0;
    font-family: Ubuntu,Helvetica,sans-serif;
}

.mgmt-plugins-row > div {
    display: table-cell;
    font-weight: normal;
    padding: 0 5em;
    font-size: 11px;
    vertical-align:middle;
}

.mgmt-plugins-row label {
    font-size: 15px;
    line-height: 12px;
    font-weight: normal;
    color: #6B6B6B;
}
.mgmt-plugins-row  label.on-off-switch-label {
    font-size:13px;
    padding:0;
}

.mgmt-plugins-row span {
    font-weight: normal;
    font-size: 13px;
    color: #929292;
    padding-top: 10px;
    display: block;
    line-height: 17px;
}
.mgmt-plugins-row span > span {
    display: inline-block;
}
.mgmt-plugins-row .on-off-switch span.text {
    padding:0;
}
.mgmt-plugins-row input + span.help {
    padding-left: 0;
    padding-bottom: 0;
}

.mgmt-plugins-row input:not([type='file']) {
    border-radius: 2px;
    margin: 0;
    font: 14px Ubuntu,Helvetica,sans-serif;
    line-height: 111%;
    padding: 5px;
    border: 1px solid #D0D0D0;
    width: 274px;
}
.mgmt-plugins-row  .cly-select .search input {
    height: 14px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    width: 100%;
    font: 13px Ubuntu;
    line-height: 111%;
}
.mgmt-plugins-row .selectize-control.multi .selectize-input > div {
    padding-right: 20px !important;
}
.mgmt-plugins-row + h4 {
    padding-top: 2em;
    margin-bottom: 1em;
}
h4 + .mgmt-plugins-row {
padding-top: 0;
}

.mgmt-plugins > form {
    background-color: white;
}
.mgmt-plugins > form > div:nth-child(even) {
    background-color: white;
}

.mgmt-plugins > form > div:nth-child(odd) {
    background-color: #F9F9F9;
}

.mgmt-plugins > form > h4 {
    background-color: white;
}

.mgmt-plugins a.icon-button {
    float: right;
    margin-right: 10px;
    position:relative;
    bottom: 4px;
    color:#FFF;
}

.mgmt-plugins-row .selectize-input.items {
    box-shadow: none;
    border-radius: 2px;
    margin: 0;
    font: 14px Ubuntu,Helvetica,sans-serif;
    line-height: 111%;
    padding: 5px;
    border: 1px solid #D0D0D0;
    width: 274px;
    z-index: 0;
}

.mgmt-plugins-row .selectize-dropdown [data-selectable] {
    padding: 0 11px;
    background-color: white;
}

.mgmt-plugins-row .selectize-dropdown [data-selectable] span {
    padding: 0;
    height: 33px;
    line-height: 33px;
}

.mgmt-plugins-row .selectize-dropdown [data-selectable]:hover span {
    color: #444;
}

#report-manager-view .ui-tabs .ui-tabs-nav{height: 40px; border: none; background-color:transparent; padding-left: 12px;}
#report-manager-view .report-tab{padding:0;}
#report-manager-view .ui-tabs .ui-tabs-panel{padding:0;}
#report-manager-view .ui-tabs .ui-tabs-nav li a{background-color: transparent;  color: #666; padding: 0px 0px 6px 0px;  font-size:15px}
#report-manager-view .ui-tabs.ui-widget-content .ui-tabs-nav > .ui-state-default {border-top: none;}
#report-manager-view .ui-tabs .ui-tabs-nav li.ui-tabs-active {border-top: none; border-bottom: none !important; background-color:transparent;}
#report-manager-view .ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#333; border-bottom: 2px solid #19cc63 !important;}
#report-manager-view .ui-tabs .ui-tabs-nav li {border-bottom:none !important; width: auto; margin-right: 30px;}
#report-manager-view .ui-tabs .ui-tabs-nav {margin-top:0px; margin-top:10px; margin-bottom: 10px}
.report-manager-table td { line-height: 15px; }
.report-manager-break { word-wrap: normal; word-break: normal; }
.report-manager-data-col { width: 15%; }
.report-manager-data-col.report-manager-automatically-created { width: 55%; }
.report-manager-report-desc { color: #AAA; margin-top:5px;}
.extable-link i { margin-right:10px; font-size:13px !important; line-height: 18px !important;}
#report-manager-view .left {width:500px;}

.orange-side-notification-banner-wrapper{
    position: absolute;
    width: 500px;
    right: 29px;
    top: -7px;
    display:none;
}
.orange-side-notification-banner {
    position: relative;
    border:1px solid #e3af79;
    color: #ce8a43;
    background-color:#fcf5ed;
    padding: 7px;
    font-size:12px;
    border-radius: 2px;
    float:right;
    border-left:4px solid #e3af79;
    
}

.orange-side-notification-banner:before {
    border: 6px solid rgba(194, 225, 245, 0);
    border-left-color: #e3af79;
    right: -13px;
    margin-left: -6px;
    top: 8px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.orange-side-notification-banner:after {
    border: 6px solid rgba(194, 225, 245, 0);
    border-left-color: #fcf5ed;
    right:-12px;
    margin-left: -6px;
    top: 8px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.dashboard-summary .item .bar .bar-inner-new-e{
    font-size: 12px;
    line-height: 20px;
    float: none !important;
    height: 20px;
    font-family: Ubuntu,Helvetica,sans-serif;
    margin-top: 15px;
    margin-left: 30px;
    box-shadow: 0 0 0 transparent;
    display: block;
    position: relative;
    background: #ECECEC;
    border-radius: 2px;
    /*overflow: hidden;*/
}
#bar-summary {
    border-radius: 2px !important;
}
.dashboard-summary .item .bar .bar-inner-new-e:first-child{
    margin-top: 0;
}
.dashboard-summary .item .bar .bar-inner-new-e:first-child:hover{
    margin-top: 0;
}
.dashboard-summary .item .bar .bar-inner-new-e:hover{
    height: 20px;
    margin-bottom: 0;
    margin-top: 15px;
}

.dashboard-summary .item .bar .bar-inner-new-e .bar-inner-percent{
    position: absolute;
    top: 0;
    font-size: 11px;
    left: -30px;
    width: 30%;
    height: 18px;
    display: block;
    z-index: 4;
    padding: 2px 0 0 0;
}
.dashboard-summary .item .bar .bar-inner-new-e::before{
    content: attr(data-item);
    /*text-indent: 3px;*/
    position: absolute;
    font-size: 13px;
    white-space: nowrap;
    height: 20px;
    overflow: hidden;
    color: #fff;
    z-index: 8;
    height: 18px;
    padding: 2px 0 0 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.dashboard-summary .item .bar .bar-inner-new-e::before{ background-color:#ececec;margin-left:-25px;color:black; }
.dashboard-summary .item .bar .bar-inner-new-e:nth-child(2)::before{background-color:#ececec;}
.dashboard-summary .item .bar .bar-inner-new-e:nth-child(3)::before{ background-color:#ececec;}
.dashboard-summary .item .bar .bar-inner-new-e .bar-inner-percent{ color:#000; }
.dashboard-summary .item .bar .bar-inner-new-e:nth-child(2) .bar-inner-percent{color:#ececec;}
.dashboard-summary .item .bar .bar-inner-new-e:nth-child(3) .bar-inner-percent{ color:#ececec;}


.dashboard-summary .item .bar .bar-inner-new-e::after{
/*content: attr(data-item);*/
/*text-indent: 3px;*/
position: absolute;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
color: #888;
height: 18px;
padding: 2px 0 0 0;
}

.remove-before:before { display: none; }

.expand-row-icon { float: left; font-size: 18px !important;  margin-right: 3px;  position: relative; top: 1px;}

.big-numbers.top .trend.u.inverse-trend,
.big-numbers.top .trend.u.inverse-trend .change,
.trend.u.inverse-trend,
.trend.u.inverse-trend .change { color:#DB6E6E!important; }

.big-numbers.top .trend.d.inverse-trend,
.big-numbers.top .trend.d.inverse-trend .change,
.trend.d.inverse-trend,
.trend.d.inverse-trend .change { color:#83C986!important; }

.allapps .material-icons.up.inverse-trend { color:#C94C4C!important;  }
.allapps .material-icons.down.inverse-trend { color:#6BB96E!important;  }

.compare-view.d-table .up.inverse-trend { color: #D63E40!important;  }
.compare-view.d-table .down.inverse-trend { color: #2fa732!important;  }
#create-token-drawer .desc
{
    color: #A0A0A0;
    padding: 0;
    margin: 0 0 4px 0;
    font-size: 11px;
    line-height: 17px;
}
#create-token-drawer textarea
{
    border-radius: 2px; border: 1px solid #d6d6d6; outline: none; padding: 7px; font-size: 12px; height: 50px; width: 100%; box-sizing: border-box;
}

#create-token-drawer .delete-param , #create-token-drawer .delete-endpoint{
    color: #dddddd;
    cursor: pointer;
}
#create-token-drawer .delete-param:hover, #create-token-drawer .delete-endpoint:hover {
color:#E95C6C; transition:color 1s;
}

#create-token-drawer .token_endpoint_block {
    border: 1px solid #dddddd;
    border-radius: 2px;
    position:relative;
    padding: 15px;
    background-color: #ffffff;
    font-size:13px;
    margin-bottom:5px;
}
#create-token-drawer .param_blocks_wrapper {
    margin-bottom: 5px;
}

#create-token-drawer .token_endpoint_block .delete-endpoint-block {
    position:absolute;
    top:0;
    right:0;
    width: 25px;
    height:25px;
    padding-top:10px;
}

#create-token-drawer .endpoint_blocks_wrapper {
    margin-top: 11px;
}
#create-token-drawer .delete-endpoint-block-item  i{
    margin-left: -6px;
}
#create-token-drawer .delete-endpoint-block-item span{
    margin-left: 10px;
}

#create-token-drawer  .delete-new-endpoint-block-menu {
    padding: 10px 0;
    opacity: 0;
    transition: opacity 0.3s, z-index 0.9s;
    z-index: -1;
    position: absolute;
    background-color: #FFF;
    right: 0;
    top: 37px;
    border-radius: 2px;
    outline: none;
    border: 1px solid #d0d0d0;
}
#create-token-drawer  .delete-new-endpoint-block-menu .item {
    cursor: pointer;
    padding: 8px 20px;
    font-size: 13px;
    white-space: nowrap;
    color: #474747;
    display: block;
}
#create-token-drawer  .delete-new-endpoint-block-menu.active {
    opacity: 1;
    transition: opacity 0.2s;
    z-index: 2;
    right: 0;
    top: 37px;
}
#create-token-drawer  .delete-new-endpoint-block-menu:before {
    border: 4px solid rgba(194, 225, 245, 0);
    border-bottom-color: #FFF;
    right: 7px;
    top: -8px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}
#create-token-drawer  .delete-new-endpoint-block-menu:after {
    border: 5px solid rgba(194, 225, 245, 0);
    border-bottom-color: #d0d0d0;
    right: 6px;
    top: -10px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1;
}
#create-token-drawer  .delete-new-endpoint-block-menu .item:hover { background-color: #f3f3f3; }

.param_block td {
    padding: 0px 0px 5px 0px;
}
.param_block td:nth-child(2){
    padding-left:5px;
    padding-right: 5px;
}

#create-token-drawer .cly-list-options {cursor: pointer; color:#a7a7a7; font-size: 20px; vertical-align: middle; line-height: 12px; }
#create-token-drawer .cly-list-options:hover {color:#6B6B6B;}
#create-token-drawer .cly-list-options:before { font-family: 'Ionicons';  content: "\f396"; }

#create-token-drawer .add-query-block, #create-token-drawer .add-endpoint-block {
    margin: 10px 0 20px 0;
}
#create-token-drawer .add-query-block {
    font-size:13px;
    margin-top:20px;
    cursor: pointer;
    line-height: 22px;
}

.token-menu {display:none;}
.token-menu.active {display:block;}
#token-manager-view .dataTable-top .server-export {display:none;}
#token-manager-view table tr td:nth-child(2){width: 100px;}
#token-manager-view table tr td:nth-child(6){width: 70px;}
#token-manager-view table tr td:nth-child(4){min-width: 100px;}
#token-manager-view table tr td:nth-child(5){min-width: 100px;}
#token-manager-view table tr td:nth-child(3){width: 100px;}
#create-token-drawer  #limit_life>div:nth-child(2){width:40%; float:left;}
#create-token-drawer  #limit_life>div:nth-child(3){width:60%; margin-left: 40%;}
#create-token-drawer #select_limit_value{border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right:none; height:29px;}
#create-token-drawer #select_limit_span{border-top-left-radius: 0px;border-bottom-left-radius: 0px; height:29px;}

/*Status tot used in token manager and report manager */
.table_status_dot {
    line-height: 20px;
    
}
.table_status_dot span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #14ca5f;
    position: relative;
    float: left;
    margin: 7px 10px 3px 0px;  
}

.table_status_dot_green span{
    background-color: #14ca5f;
}
.table_status_dot_red span{
    background-color: #ff4b29;
}
.table_status_dot_blue span{
    background-color: #55a8ed;
}
p.error_message_div {
    margin:5px;
    line-height: 12px;
}

#token-manager-view  .tokenvalue{float:left;  cursor:pointer;
    text-align: center;
    border: none;
    color: #a2a2a2;
    font-size: 13px;
    font-family: Ubuntu,Helvetica,sans-serif;
    padding:0;
    width:290px;
    text-align:left;
    background-color:transparent;
    margin-top:5px;
}
#token-manager-view  .tokenvalue:active, #token-manager-view  .tokenvalue:focus{
    border:none;
    outline: none;
}
#token-manager-view  .tokenvalue::selection {
    background: #2EB52B;
    color: #636363;
}
#token-manager-view  .tokenvalue::-moz-selection {
background: #2EB52B; /* Gecko Browsers */
color: #636363;
}
#token-manager-view  .tokenvalue_wrapper{ display:block; width:100%; min-height:15px;}
.copy-tokenvalue{cursor:pointer;}

.data-table-column-selector {
    box-shadow: 0 3px 7px rgba(0,0,0,.08);
    border: 1px solid #d0d0d0;
    color: #474747;
    cursor: default;
    position: absolute;
    top: 41px;
    left: 2px;
    min-width: 280px;
    max-height: 212px;
    margin-left: 0px;
    background-color: #FFF;
    border-radius: 2px;
    font-size:12px;
    line-height:15px;
    color:#6B6B6B;
    display:none;
    padding-top:46px;
}
.data-table-column-selector .slimScrollDiv {
    height:170px !important;
}
.select-column-table-data.active +.data-table-column-selector{
    display:block;
}

.data-table-column-selector:active, .data-table-column-selector:focus{
    outline:0;
}
.data-table-column-selector:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; left: 14px; margin-left: -6px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; }
.data-table-column-selector:after { border: 7px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; left: 14px; margin-left: -7px; top: -15px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1; }

.data-table-column-selector table {
    max-width:100%;
    margin: 7px;
}
.data-table-column-selector  td {
    padding:7px 7px 7px 30px;
    text-align:left;
    position: relative;
    width: 50%;
    cursor:pointer;
}
.data-table-column-selector  td.disabled {
    cursor:default;
}
.data-table-column-selector  td div {
    position: absolute;
    width:14px;
    height: 14px;
    top: 50%;
    margin-top:-8px;
    left: 7px;
}
.data-table-column-selector  td:first-child, .data-table-column-selector  td:nth-child(3)  {
    width:14px;
    padding-right:3px;
}
.data-table-column-selector  .columncounter {float:right;}
.data-table-column-selector  .columncounter.red {
    color: #ED6262;
}
.select-column-table-data {
    float:left;
    border-right: 1px solid #D0D0D0;
    width: 32px;
    height:32px;
    text-align:center;
    display: table-cell;
    vertical-align:middle;
    overflow:hidden;
    cursor:pointer;

}
.select-column-table-data p{ font-size: 23px; line-height:23px; margin:5px; padding:0;}
.data-table-column-selector .title {
    border-bottom: 1px solid #D0D0D0;
    padding:15px 0px;
    text-align:left;
    position: absolute;
    top:0;
    left:0;
    width: 100%
}

.fa-check-square.check-green.disabled {
    color: #d0d0d0;
    cursor:default;
}
.data-table-column-selector.full-select .fa-square-o.data-table-toggle-column {
    color: #d0d0d0;
    cursor: default;
}

.data-table-column-selector.full-select .not-checked {
    cursor: default;
    color: #d0d0d0;
}

.data-table-column-selector.full-select .fa-square-o.data-table-toggle-column:hover {
    color: #d0d0d0;
}
.event-settings-menu .item i{
margin-left:-6px;
}

.event-settings-menu .item span{
margin-left:10px;

}

#first-app-welcome-header { font-family: Ubuntu; font-size: 36px; font-weight: normal; color:black; }
#first-app-description { color: #636363; font-size:18px; line-height: 1.5; }
#add-first-app { display: none; background-color: white; padding: 30px 60px 30px 60px; border-radius: 2px; border:1px solid #dbdbdb;}
#first-app-welcome { float: left;}
.add-app-input-wrapper {padding:5px;margin-bottom:5px;}
.add-app-input-label {
    display: inline-block;
    width:50%;
    font-size: 14px;
    color: #2fa732;
    margin-bottom:5px;
}
.add-app-input-text {
    width: calc(100% - 10px);
    padding: 8px 5px 8px 5px;
    font-size: 12px;
    font-family: 'Ubuntu';
    border-radius: 2px;
    border: 1px solid #DBDBDB;
    outline: none;
}
.add-app-input-select {
    width: 100%;
    font-size: 12px;
    font-family: 'Ubuntu';
    border-radius: 2px;
    border: 1px solid #DBDBDB;
    outline: none;
}
.add-app-input-optional-text {
    font-size: 13px;
    color: #636363a8;
    text-align: right;
    display: inline-block;
    width: 50%;
}
.add-first-app-button {
    background-color: #2FA732;
    color:white;
    padding:11px 0px 11px 0px;
    width: 100%;
    display: block;
    text-align: center;
    border:none !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor:pointer;
    margin-top:5px;
}
.add-first-app-button:hover {
    color:white !important;
    background-color:#2f9732 !important
}
.add-app-checkbox {
    display: inline-block;
}
#populate-after-app-description {
    font-size:13px;
    color:#636363;
    float: left;
    margin-left: 20px;
}
/* Customize the label (the container) */
.populate-checkbox-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.populate-checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
border-radius: 3px;
border: 1px solid #9e9e9e;
top: 0;
left: 0;
height: 12px;
width: 12px;
}

/* On mouse-over, add a grey background color */
.populate-checkbox-container:hover input ~ .checkmark {
}

/* When the checkbox is checked, add a blue background */
.populate-checkbox-container input:checked ~ .checkmark {
background-color: #2FA732;
border: 1px solid #2FA732;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.populate-checkbox-container input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.populate-checkbox-container .checkmark:after {
left: 3px;
top: 1px;
width: 4px;
height: 5px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.required-first-app {
    color: #B94A48;
    display: none;
    float: left;
}
.manage-app-no-rights {
    width: 30%;
    margin-left:35%;
    text-align:center;
    margin-top:10%;
}
.manage-app-no-rights-title {
    font-weight: normal !important;
    font-size:2.3em;
}
.manage-app-no-rights-description {
    color: #636363;
}
#top-events-widget-container > .top-events-widget {
    border: 1px solid #D0D0D0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #FFF;
    margin-bottom: 20px;
}
#top-events-widget-container > .top-events-widget .top-events-widget-header {
    border: none;
    border-bottom: 1px solid #D0D0D0;
    color: #636363;
    font-size: 12px;
    padding: 5px 13px;
    height: unset;
    text-transform: uppercase;
}
#top-events-widget-container > .top-events-widget > .outer {
    margin-bottom: 20px;
    padding: 0px 20px;
}
#top-events-widget-container > .top-events-widget > .outer .row {
    overflow: auto;
    padding: 10px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
#top-events-widget-container > .top-events-widget > .outer .border {
    border-bottom: solid 1px #D0D0D0;
}
#top-events-widget-container > .top-events-widget > .outer .row .left {
    float:left;
}
#top-events-widget-container > .top-events-widget > .outer .row .title{
    font-weight: 400;
    color: #3a3a3a;
    margin-right: 8px;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
    min-width: 130px;
    padding: 10px;
    padding-left: 0;
    margin-right: 5px;
    text-transform: uppercase;
}
#top-events-widget-container > .top-events-widget > .outer .row .right {
    float:left;
    width:80%;
    padding-top: 10px;
}
#top-events-widget-container > .top-events-widget > .outer .row .right .col:hover {cursor: pointer;}
#top-events-widget-container > .top-events-widget > .outer .row .right .col:hover > label {cursor: pointer;}

#top-events-widget-container > .top-events-widget > .outer > .row > .right > .col:hover > h4{color:#2FA732;}
#top-events-widget-container > .top-events-widget > .outer .row .right .col {
    float:left;
    width:17%;
    height: 50px;
    padding-left: 15px;
}
#top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > h4 {
    color: #3a3a3a;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    margin: 0;
    margin-bottom: 4px;
}
#top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > label {
    color: #3a3a3a;
    font-size: 17px;
    font-weight: 500;
}
#top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > span {
    font-size: 13px;
    margin-left: 5px;
    margin-top: 5px;
    font-weight: 400;
    color: rgba(107, 185, 110, 0.8);
}
#top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > .down {
    color: rgba(201, 76, 76, 0.8);
}
#top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > .up {
    color: rgba(107, 185, 110, 0.8);
}
#top-events-widget-container > .top-events-widget > .outer > .info_text{
    color: #b5b5b5;
    font-size: 12px;
    margin-bottom: -8px;
}
@media only screen  and (min-width : 1255px) {
    #top-events-widget-container > .top-events-widget > .outer .row .title{
        margin-right: 50px;
    }
    #top-events-widget-container > .top-events-widget > .outer .row .right .col {
        padding-left:22px;
    }
}
#view-app .widget-header:first-child .left {
    display: flex;
    flex-direction: column;
}

#view-app .widget-header:first-child .left > .title {
    padding-top: 0;
    font-size: 17px;
    margin-bottom: 8px;
}

#view-app .widget-header:first-child .left > .lock-status {
    margin-left: 4px;
    color: #474747;
    font-size: 13px;
    margin-top: -4px;
    cursor: default;
}

#view-app .widget-header:first-child .left > .lock-status > span {
    margin-left: 4px;
    border-bottom: 1px dotted;
}

#view-app .cly-button-menu {
    max-width: 320px;
    top: 50px;
    right: 15px;
}

#view-app .cly-button-menu .item {
    white-space: normal;
}

#view-app .cly-button-menu .item.back > i {
    font-size: 8px;
    vertical-align: center;
    margin-right: 4px;
}

#view-app .cly-button-menu .item.back > span {
    font-size: 12px;
}

#view-app .cly-button-menu .item span {
    font-size: 14px;
}

#view-app .cly-button-menu .item span.red {
    color: #C43132;
}

#view-app .cly-button-menu .item.inactive * {
    color: #E2E2E2 !important;
}

#view-app .lock-status i {
    font-size: 13px;
}

.tooltipster-base {
    font-size : 12px;
}

#app-clear-button {
    display: flex;
    flex-direction: row;
}

#app-clear-button > i {
    width: 1rem;
    align-self: center;
    text-align: right;
    font-size: 12px;
    color: #D0D0D0;
    margin-right: -10px;
}

.member_image {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: black;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
#notes-button-group.cly-button-menu-group{
    float: right;
    margin-left: 0px;
}
#notes-button-group .cly-button-menu-trigger{
    line-height: 29px;
    font-size: 20px;
}
#notes-button-group.cly-button-menu-group .cly-button-menu-trigger:after {
    font-family: 'Ionicons';
    content: "\f396";
}
#notes-button-group .cly-button-menu {
    right:2px;
}
.graph-note-create {
    width : 473px;
    border: none !important;
    background-color: #FFF;
    z-index: 10001;
    text-align: center;
    color: #717171;
    border: none;
    border-radius: 2px;
    padding: 0px;
    box-sizing: border-box;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25);
}
.graph-note-create .indicator {
    display: none;
}

.graph-note-create .title {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 20px;
    color: #636363;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    top: 0px;
    font-size: 20px;
    text-align: left;
    margin: 0px;
    font-weight: normal;
}
.graph-note-create .footer {
    text-align: right;
    overflow: auto;
    width: 100%;
    background-color: #fff;
    margin: 0px;
    padding: 15px 15px 11px;
    box-sizing: border-box;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.graph-note-create .footer .add-note {
    float: none;
    border: none;
    padding: 12px 20px;
    box-shadow: none;
    display: inline-block;
    margin: 0;
    background-color: #2EB52B;
    color: #fff;
    border-radius: 2px;
    margin-left: 10px;
}
.graph-note-create .footer .cancel-add-note {
    background-color: #fff;
    color: #929292;
    text-decoration: underline;
    float: none;
    border: none;
    padding: 12px;
    box-shadow: none;
    display: inline-block;
    margin: 0;
}


.graph-note-create .section {
    margin-bottom: 25px;
}

.graph-note-create .fields {
    height: 100%;
    text-align: left;
    background-color: #f9f9f9;
    padding: 20px;
}

.graph-note-create .fields .label {
    font-size: 12px;
    margin-bottom: 8px;
    color: #636363;
}

.graph-note-create .colors .color {
    border-radius: 2px;
    float: left;
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}
.graph-note-create .colors .color.alt1 {
    background-color: #79a3e9;
}
.graph-note-create .colors .color.alt2 {
    background-color: #70bbb8;
}
.graph-note-create .colors .color.alt3 {
    background-color: #e2bc33;
}
.graph-note-create .colors .color.alt4 {
    background-color: #a786cd;
}
.graph-note-create .colors .color.alt5 {
    background-color: #dd6b67;
}
.graph-note-create .colors .color.alt6 {
    background-color: #ece176;
}

.graph-note-create .colors .color.selected:after {
    font-family: Ionicons;
    content: "\f3fd";
    position: absolute;
    top: -2px;
    font-size: 23px;
    color: #fff;
    left: 5px;
}

.graph-note-create .fields .note::placeholder{
    font-size:14px;
}
.graph-note-create .fields .note {
    border-radius: 2px;
    border-color: #dcdbdb;
    display: block;
    width: calc(100% - 14px);
    z-index: auto;
    position: relative;
    line-height: normal;
    font-size: 11px;
    transition: none 0s ease 0s;
    background: #fff !important;
    resize: none;
    font-size:14px;
    padding-left: 10px;
}

.graph-note-create .button {
    visibility: visible;
    cursor: pointer;
    user-select: none;
    background-color: #ececec;
    float: left;
    border: 1px solid #d0d0d0;
    margin-right: -1px;
    color: #636363;
    width: 68px;
    height: 30px;
    text-align: center;
    width: 32.8%;
    line-height: 30px;
    font-size: 13px;
}
.graph-note-create .note-types-selector .button:nth-child(2) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.graph-note-create .button:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-right: 1px solid #d0d0d0;
}
.graph-note-create .calendar {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.graph-note-create .date-time-selector-container i {
    font-size: 14px;
    margin: 5px 5px;
}
.graph-note-create .date-time-selector-container .date-time-value-show {
    flex-grow: 1;
    padding-left: 10px;
}
.graph-note-create .button.active {
    background-color: #ffffff;
}
.graph-note-create .selectize-control.multi .selectize-input > div {
    padding: 3px 22px 3px 10px !important;
    line-height: 14px !important;
    background-color: #777;
    color: #f1f1f1;
}
.note-table-view-navigator .back-link {
    cursor: pointer;
    margin-bottom: 25px;
    color: #616161;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
}
.note-table-view-navigator .back-link:before {
    content: "←";
    margin-right: 5px;
    color: #616161;
}

.graph-note-create .date-time-selector-container {
    width: 90%;
    border: 1px solid #C5C5C5;
    background-color: #fff;
    color: #636363;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    border-radius: 2px;
}
.graph-note-create .date-time-selector-container .time-field {
    padding: 3px 10px 15px 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
}
.graph-note-create .date-time-selector-container .time-label {
    color: #fff;
    flex-grow: 1;
}
.graph-note-create .date-time-selector-container .time-split {
    color: #fff;
}
.graph-note-create .date-time-selector-container .time-input {
    width: 40px;
    height: 24px;
    background-color: #192733;
    border: none;
    outline: 0;
    font-size: 13px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    line-height: 2;
}
.graph-note-create .date-time-selector-container .date-time-picker {
    display: none;
    white-space: nowrap;
    position: absolute;
    z-index: 1000;
    padding: 2px 3px 14px 3px;
    background-color: #0b131a;
    border-radius: 2px;
    top: -54px;
    left: 20px;
    flex-direction: column-reverse;
}
.tipsy-for-note .tipsy-inner {max-width: 400px !important; }

.tipsy-for-note .tipsy-inner .note-header {  height: 14px; }
.tipsy-for-note .tipsy-inner .note-title {  float:left; font-size:10px; color: #D0D0D0; text-align: left; font-weight: 400; margin-bottom: 10px;}
.tipsy-for-note .tipsy-inner .note-app {  float:right;  margin-left: 10px; font-size:10px; color: #D0D0D0;}
.tipsy-for-note .tipsy-inner .note-content {min-width:150px; display: block; font-size:11px; text-align: left; font-weight: 600; max-width: 300px; margin: 10px 0px;}
.tipsy-for-note .tipsy-inner .note-content .notes-view-link { color: #2EB52B}
.tipsy-for-note .tipsy-inner .note-content .notes-view-link:hover { cursor: pointer; }

.tipsy-for-note .tipsy-inner .note-footer {font-size:10px; color: #D0D0D0; text-align: left;}
.tipsy-for-note .tipsy-inner .note-footer .note-owner {text-align: left; }
.tipsy-for-note .tipsy-inner .note-footer .note-type {text-align: left; height:30px; text-transform: capitalize;}


.notes-manage-options-item {float: right;}
.notes-manage-options-item  .edit { display: block; right: 10px; top: 0; font-size: 17px; cursor: pointer; color: #a7a7a7; padding: 7px 10px; line-height: 15px; background-color: rgba(255,255,255,0.03); transition: background-color 1s; }
.notes-manage-options-item  .edit:before { font-size:20px; font-family: 'Ionicons';  content: "\f396"; }
.notes-manage-options-item  .edit:hover { color: #6B6B6B;  background-color: rgba(255,255,255,0.06); transition: background-color 1s; }
.notes-manage-options-item :hover .edit { display: block; }
.notes-manage-options-item  .edit-menu {
    margin: -6px -95px;
    display: none;
    float:left;
    z-index: 10;
    position:absolute;
    font-size: 13px;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 2px;
    width: 121px;
    padding:10px 0 10px 0;
    border: 1px solid #d0d0d0;
}
.notes-manage-options-item  .edit-menu .item {
    cursor: pointer;
    padding: 8px 20px;
    font-size: 24px;
    white-space: nowrap;
    cursor:pointer; font-size: 13px; white-space: nowrap; color:#474747; }
.notes-manage-options-item  .edit-menu .item:hover { background-color: #f3f3f3; }

.notes-manage-options-item  .edit-menu:before {
    border: 4px solid rgba(194, 225, 245, 0);
    border-bottom-color: #FFF;
    right: 7px;
    top: -8px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}
.notes-manage-options-item  .edit-menu .fa{
    margin-right: 7px;
}
.notes-manage-options-item  .edit-menu:after {
    border: 5px solid rgba(194, 225, 245, 0);
    border-bottom-color: #d0d0d0;
    right: 6px;
    top: -10px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

.routename-graphNotes .filter1-segmentation {outline: none;}
.graph-notes-popup {border:none !important;}
.graph-note-popup { background-color: #f9f9f9; min-width:400px;}
.graph-note-popup .title {
    height: 70px;
    background-color: #ffffff;
    font: 25px Ubuntu,Helvetica,sans-serif;
    color: #636363;
    float: left;
    font-weight: 400;
    line-height: 3;
    width: 100%;
    margin-top: -18px;
}
.graph-note-popup .title span { margin-left: 20px;}
.graph-note-popup .popup-content {margin: 10px 20px;     padding-top: 70px;}
.graph-note-popup .note-time { color: #9c9c9c; font-weight: 300; font-size: 12px; line-height: 19px; display: inline-block; margin-top:8px;}
.graph-note-popup .note-content { margin-top: 10px; color: #636363; font-size:14px; font-weight: 400; }
.graph-note-popup .note-app {    float: right;  color: #9c9c9c; display: inline-block;  font-size: 12px; margin-top: 8px;}
.graph-note-popup .note-footer { color: #9c9c9c; font-size: 12px; margin-top: 20px;}
.graph-note-popup .note-footer .note-type {text-transform: capitalize;}
.graph-note-popup .note:not(:last-child){ padding-bottom:10px; padding-bottom: 10px;border-bottom: 0.2px solid #DEDEDE; }
.graph-note-popup .popup-footer { height: 70px; background-color: #fff; }
.graph-note-popup .popup-footer .close-note-popup-button {
    border: 1px solid #DEDEDE;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}
.note-table-view-navigator {
    color: #636363;
}
.routename-graphNotes .dataTable-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.note-type-tip-title {
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    margin: 5px 0 0 5px;
    color: #D0D0D0;
}
.note-type-tip-content {
    text-align: left;
    font-size: 10px;
    margin: 5px 10px 5px 5px;
    min-width: 160px;
}

.model {
    display:none;
    position:fixed;
    left:50%;
    top:50%;
    background-color:#FFF;
    z-index:10001;
    text-align:center;
    max-width:700px;
    color:#717171;
    width:660px;
    border:none;
    border-radius: 2px;
    padding:0px;
    box-sizing: border-box;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25);
}

.model .body {
    height: 430px;
    text-align: left;
    background-color: #f9f9f9;
    padding: 20px;
}

.model .title {
    padding: 20px;
    color: #636363;
    width: 100%;
    box-sizing: border-box;
    top: 0px;
    font-size:20px;
    text-align:left;
    margin: 0px;
    font-weight: normal;
}

.model .buttons {
    text-align: right;
    overflow:auto;
    width: 100%;
    margin: 0px;
    padding: 15px 15px 11px;
    box-sizing: border-box;
}

.model #model-continue {
    background-color:#2EB52B;
    color:#ffffff;
    border-radius:2px;
}

.model #model-cancel {
    background-color: #fff;
    color:#929292;
    text-decoration: underline;
}

.model .buttons .icon-button {
    float: none;
    border: none;
    padding: 12px;
    box-shadow: none;
    display: inline-block;
    margin:0;
    background-color: none;
}

.model .details { height:100%; float:none; overflow-y:auto; padding: 0px 20px; }
.model .details .section { margin-bottom: 25px; }
.model .details .section .label { font-size: 12px; margin-bottom: 8px; color:#636363; }
.model .details .section > .description { font-size: 11px; margin-top: 4px; color: #9c9c9c; line-height: 17px; }
.model .details .section input[type=text].input { width: 100%; box-sizing: border-box; border-radius: 2px; border: 1px solid #d6d6d6; outline: none; padding: 7px; font-size: 12px; }
.model .details .section .colors .color { border-radius:2px; float:left; width:20px; height: 20px; position: relative; margin-right: 10px; cursor: pointer; }
.model .details .section .colors .color.selected:after { font-family: 'Ionicons';  content: "\f3fd"; position: absolute; top: -2px; font-size: 23px; color: #fff; left: 5px; }
.model .details .section .colors .color.alt1 { background-color: #6fa3ef; }
.model .details .section .colors .color.alt2 { background-color: #55bdb9; }
.model .details .section .colors .color.alt3 { background-color: #ef8800; }
.model .details .section .colors .color.alt4 { background-color: #ae83d2; }
.model .panel { background-color: #ffffff; border: 1px solid #D0D0D0; font-size: 13px; border-radius: 2px; }
.model .panel .panel-heading { padding: 8px 20px; background-color: #ECECEC; color: #636363; text-transform: uppercase; border-bottom: 1px solid #D0D0D0; font-weight: 500; }
.model .panel .panel-body { padding: 20px; position: relative; }

.model .details .section input::placeholder {
    font:  13px Ubuntu,Helvetica,sans-serif;
}
.model .details .section input::-webkit-input-placeholder {
    font:  13px Ubuntu,Helvetica,sans-serif;
}
.model .details .section input::-moz-placeholder {
    font:  13px Ubuntu,Helvetica,sans-serif;
}
.model .details .section input:-ms-input-placeholder {
    font:  13px Ubuntu,Helvetica,sans-serif;
}
.model .details .section input {
    font: 13px Ubuntu,Helvetica,sans-serif;
    color: #444;
}

.json-dialog { display:none; position:fixed; max-width:600px; left:50%; top:50%; background-color:#FFF; border:1px solid #999; border-radius:2px; z-index:10001; }
.json-dialog .header { padding: 20px; padding-bottom: 10px; box-shadow: 0px 5px 10px #d2d1d170; overflow: auto; position: relative; z-index: 10000; }
.json-dialog .body { height: 400px; overflow: scroll; text-align: left; }
.json-dialog .title { padding-bottom: 13px; border-bottom: 2px solid #d2d1d170; }
.json-dialog .buttons { text-align: right; overflow:auto; padding:0; }
.json-dialog .buttons .icon-button { float:right; }
.json-dialog .json-options { margin-top: 15px; }
.json-dialog .json-status { font-size: 13px; float: left; }
.json-dialog .valid-json .material-icons { color: #2EB52B; vertical-align: middle; margin-top: -5px; }
.json-dialog .invalid-json .material-icons { color: #D63E40; vertical-align: middle; margin-top: -5px; }

.json-dialog.popStyleGreen{ text-align:center; color:#717171; width:600px; border:none; border-radius: 2px; padding:0px; max-width:600px; box-sizing: border-box; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25);}
.json-dialog.popStyleGreen .title{ color:#636363; font-size:20px; text-align:left; margin: 0px; font-weight: normal; }
.json-dialog.popStyleGreen #dialog-continue { background-color:#2EB52B;color:#ffffff; border-radius:2px; }
.json-dialog.popStyleGreen #dialog-cancel{ background-color:none; color:#929292; text-decoration: underline; background-color:#ffffff;}
.json-dialog.popStyleGreen #dialog-format{ background-color:none; color:#929292; background-color:#ffffff; border: 1px solid #d2d1d170; padding: 5px 10px; float: right; margin-top: -5px; }
.json-dialog.popStyleGreen .icon-button { float:none; border:none; padding:12px; box-shadow:none; display: inline-block; margin:0; }
.json-dialog.popStyleGreen .buttons { margin: 0px; padding: 10px; padding-right: 15px; border-top: 2px solid #d2d1d170; }
.json-braces {
    position: absolute;
    right: 7px;
    color: #868686;
    cursor: pointer;
    top: 7px;
}
.highlighted-app-item {
    background-color: #ebebeb;
}

.routename-loyalty #label-container .labels { position: relative; margin-top:20px; width:100%; text-align:center; }
.routename-loyalty #label-container .label { cursor:pointer; overflow:hidden; max-width:128px; margin:2px 10px; position: relative; display: inline-block; }
.routename-loyalty #label-container .label.hidden { opacity:0.3; }
.routename-loyalty #label-container .label .color { float:left; margin-right:8px; height:15px; width:15px; border-radius:1px; }
.routename-loyalty #label-container .label .text { float:left; font: 13px Ubuntu; line-height:111%; color:#666; max-width:105px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.zoom { width: 102px; display: flex; margin: 0 auto; margin-top: -18px; }
.zoom *:before { content: none; position: initial; }
.zoom .zoom-button { visibility: hidden; user-select: none; cursor: pointer; padding: 4px 10px 3px 10px; font-size: 14px; font-family: "Ionicons"; position: relative !important; margin: 0; color: #666; background-color: rgba(0, 0, 0, 0.05); border: solid 1px rgba(0, 0, 0, 0.1); }
.zoom .zoom-button:hover { opacity: 0.7; }
.zoom .zoom-out { border-radius: 100px 0 0 100px; text-align: right; padding-left: 12px; }
.zoom .zoom-out:before { content: "\f209"; }
.zoom .zoom-reset { text-align: center; padding-left: 11px; border-left: none; border-right: none; }
.zoom .zoom-reset:before { content: "\f21c"; }
.zoom .zoom-in { border-radius: 0 100px 100px 0; text-align: left; padding-right: 12px; }
.zoom .zoom-in:before { content: "\f218"; }
.graph.pannable { cursor: grab; }
*:not(.hide-zoom):hover > .zoom .zoom-button { visibility: visible; }
#dashboard-export-graph .zoom { margin-top: 18px; }
#dashboard-purge-graph .zoom { margin-top: 18px; }

.routename-user .zoom { margin-top: -25px; }
.routename-sessions .zoom { margin-top: -25px; }
.routename-events #event-main .events-general-description:empty ~ .widget-content > .zoom { margin-top: -45px }
.routename-events #event-main .events-general-description ~ .widget-content > .zoom { margin-top: -10px }
.routename-revenue .zoom { margin-top: -12px; }
.routename-attribution .zoom { margin-top: -25px; }
.routename-compliance .zoom { margin-top: -12px; }
.routename-messagingDashboardView .zoom { left: calc(50% - 51px); position: absolute; z-index: 999; top: 7%;}

.clip { max-height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.clip.nothing { color: #bbb;}

#jobs-menu:hover svg g {
    fill: #fff;
}

.view-more::after {
    content: url('../images/dashboard/vm-arrow.svg');
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    margin-left: 5px;
}

.view-more:hover::after {
    content: url('../images/dashboard/vm-arrow-hover.svg');
    background-repeat: no-repeat;
}

.view-more:hover {
    color: #2FA732;
}
.cly-menu-component .menu-toggler{
    cursor: pointer;
    padding: 6px 9px;
    padding-right: 25px;
    overflow: hidden;
    white-space: nowrap;
    color: #444;
    font-weight: normal;
    font: 13px Ubuntu,Helvetica,sans-serif;
    line-height: 111%;
}

.cly-menu-component .menu-toggler .label-wrapper {
    display: inline-block;
}

.cly-menu-component.empty .menu-toggler .label-wrapper{
    color: #d0d0d0;
    border-bottom: 1px dotted #444;
}

.cly-menu-component .menu-toggler .label-wrapper .text{
    max-width: 181px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.cly-menu-component .menu-toggler .right {
    opacity: 0.8;
    right: auto;
    position: absolute;
    width: 8px;
    height: 100%;
    line-height: 27px;
    margin-left: 18px;
    margin-top: -6px;
    display: inline-block;
}

.cly-menu-component .menu-toggler .right.combo:before {
    color: #717171;
    font-family: 'Ionicons';
    content: "\f123";
    font-size: 9px;
    position: absolute;
    right: 8px;
}

.cly-menu-component .menu-toggler:hover .right.combo:before{
    color: #2fa732;
}

.cly-menu-component.shown .menu-toggler .right.combo:before{
    content: "\f126";
    color: #2fa732;
}

.cly-menu-component .menu-toggler:hover {
    color: #2FA732;
}

.cly-menu-component .menu-content{
    position: absolute;
    /*border: 1px solid #D0D0D0;*/
}

.cly-menu-component .menu-content::before {
    border: 6px solid rgba(194, 225, 245, 0);
    border-bottom-color: #0b131a;
    right: 9px;
    top: -12px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.event-remind-tooltip {
    height: 40px;
    background-color: #fcf5ed;
    margin-bottom: 10px;
    display: none;
    border: 1px solid #e3af7f;
    border-radius: 2px;
}

.event-remind-tooltip:last-of-type {
    margin-bottom: 20px;
}

.event-remind-tooltip .content {
    font-size: 14px;
    color: #e3af7f;
    display: flex;
    align-items: center;
}

.event-remind-tooltip .content .prefix {
    width: 5px;
    background: #e3af7f;
    height: 40px;
}

.event-remind-tooltip .content .remind-context {
    margin-left: 10px;
    flex-grow: 1;
}

.event-remind-tooltip .content .remind-context a{
    text-decoration: underline;
}

.event-remind-tooltip .content .remind-context a:hover{
    color:#e29c5b;
}

.event-remind-tooltip .content i:hover{
    color:#e29c5b;
}
.event-remind-tooltip .content i {
    margin-right:10px;
}

.event-remind-tooltip .content i:hover {
    cursor: pointer;
}

.routename-events .event-title {
    display: inline-block;
}

.routename-events .tag {
    display: inline-block;
    margin-left: 10px;
    border-radius: 2px;
    position: absolute;
    padding: 0 5px;
    font-size: 10px;
    color: #8e8e8e;
    border: 1px solid #d4d4d4;
}

.routename-events .group-badge {
    font-size: 10px;
    margin-top: 2px;
    color: gray;
}


.select-items .item .group-badge {
    font-size: 9px;
    margin-top: 0px;
    color: gray;
    display:inline;
    margin-right: 5px;
    border: 1px solid #D0D0D0;
    padding: 1px 5px;
    border-radius: 3px;
    margin: -2px 5px -4px 5px;
    text-transform: uppercase;
}
.select-items .item .group-badge  span {
    display:none;
}

#events-blueprint-drawer .panel-body .section:last-child {
    margin-bottom: 0px;
}

#events-blueprint-drawer .label-desc {
    color: #696969;
    opacity: 0.68;
    font-size: 11px;
    margin-bottom: 8px;
    line-height: 15px;
}
/*Bug for when on off switch is vertical-align: middle*/
#eb-event-visibility .on-off-switch-label:before {
    top: 1px;
}

#event-groups-settings-table .edit-event, #events-custom-settings-table .edit-event {
    width: 54px;
    height: 29px;
    border-radius: 2px;
    border: solid 1px #d0d0d0;
    background-color: #ffffff;
    visibility: hidden;
    cursor: pointer;
    margin-right: 15px;
    color: #6B6B6B;
}


  
  #event-groups-settings-table tr:hover .edit-event, #events-custom-settings-table tr:hover .edit-event {
    width: 54px;
    height: 29px;
    border-radius: 2px;
    border: solid 1px #d0d0d0;
    background-color: #ffffff;
    visibility: visible;
    cursor: pointer;
    margin-right: 15px;
    color: #6B6B6B;
  }

  
.user-config-danger-zone {
    display: none;
}

.routename-user-settings .user-config-danger-zone {
    display: block;
}

#eb-event-desc-input {
    display: block;
} 

.cly-select .drop-icn {
    width: 13px;
    height: 12px;
    background-color: #444;
    border-radius: 4px;
    overflow: hidden;
    font-size: 0;
    opacity: .8;
    position: absolute;
    right: 8px;
    top: 7px;
}

.cly-select .drop-icn:before {
    content: " ";
    width: 6px;
    top: 5px;
    transform: rotate(40deg);
    position: absolute;
    height: 2px;
    background-color: #fff;
    left: 2px;
    border-radius: 1px;
}

.cly-select .drop-icn:after {
    content: " ";
    width: 6px;
    top: 5px;
    transform: rotate(140deg);
    position: absolute;
    right: 2px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;
}

.cly-select.active .drop-icn:before {
    transform: rotate(140deg);
}

.cly-select.active .drop-icn:after {
    transform: rotate(40deg);
}

.cly-select:hover .drop-icn {
    background-color: #2FA732;
}

.selectize-right-drop .selectize-input::after {
    font-family: 'Ionicons';
    font-size: 10px;
    float: right;
    color: #717171;
    content: "\f123";
    position: absolute;
    right: 6px;
    top: 8px;
}

.selected.selectize-right-drop .selectize-input::after {
    content: "\f126";
    color: #2fa732;
}

.selectize-input ::placeholder { 
    color: #dddddd;
}

.mgmt-plugins-row ::placeholder { 
    color: #dddddd;
}

.mgmt-plugins-row .selectize-dropdown [data-selectable] .highlight {
    background: #fff;
}

.routename-manageUsers .create-user-drawer-bottom {
    background-color: white;
    height: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.routename-manageUsers  .create-user-drawer {
    width: 641px;
    height: 100%;
    right: 0;
    transform: translateX(641px);
    transition: transform 0.3s;
    top: 0;
    background-color: #f9f9f9;
    border-left: 1px solid #d0d0d0;
    z-index: 10000;
}

.routename-manageUsers  .create-user-drawer .left-area {
    float:left;
}

.routename-manageUsers  .create-user-drawer .right-area {
    float: left;
    margin-left: 15px;
}

.routename-manageUsers .create-user-drawer label {
    height: 12px;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #636363;
}

.routename-manageUsers .create-user-drawer .img-upload {
    width: 190px;
    height: 232px;
    border-radius: 2px;
    border: dashed 2px #ebebeb;
    background-color: #ffffff;
    margin-top: 4px;
}

.routename-manageUsers .create-user-drawer .img-preview {
    height: 72px;
    margin-top: 5px;
    width: 72px;
    border-radius: 50%;
    display: inline-block;
}

.routename-manageUsers .create-user-drawer .drawer-input {
    display: block;
    width: 351px;
    height: 28px;
    border-radius: 2px;
    border: solid 1px #d6d6d6;
    background-color: #ffffff;
    margin-bottom: 15px;
    margin-top: 4px;
    padding: 0px 8px;
    font-family: Ubuntu;
}

.routename-manageUsers  .create-user-drawer .drawer-input::placeholder {
    color: #a9a9a9;
    font-style: 13px;
}

.routename-manageUsers .create-user-drawer-detail {
    padding: 21px;
}

.routename-manageUsers .create-user-drawer .upload-message {
    width: 126px;
    margin-left: 33px;
    margin-top: 100px;
    height: 32px;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #737373;
}

.routename-manageUsers .create-user-drawer .access-area .header {
    width: calc(100%  - 34px);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border: solid 1px #dbdbdb;
    background-color: #ececec;
    padding: 9px 12px;
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: 500;
    color: #656565;
    font-stretch: normal;
    font-style: normal;  
}

.routename-manageUsers .create-user-drawer .access-area .content {
    width: calc(100%  - 36px);
    padding: 20px 13px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    background-color: #ffffff;
}

.routename-manageUsers .create-user-drawer .checkbox-container {
    display: block;
    color: gray;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.routename-manageUsers .create-user-drawer .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    border-radius: 2px;
    left: 0px;
}

.routename-manageUsers .create-user-drawer .checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 11px;
    width: 11px;
    border-radius: 3px;
    border: 1px solid #636363;
}

.routename-manageUsers .create-user-drawer .countly-checkbox-container:hover input ~ .checkbox-checkmark {
    border: 1px solid #217923;
}

.routename-manageUsers .create-user-drawer .countly-checkbox-container input:checked ~ .checkbox-checkmark {
    background-color: #2EB52B;
    border: 1px solid #2eb52b;
}

.routename-manageUsers  .create-user-drawer .checkbox-container input:checked:hover {
    background-color: #217923;
}

.routename-manageUsers  .create-user-drawer .checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.routename-manageUsers  .create-user-drawer .checkbox-container input:checked ~ .checkbox-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.routename-manageUsers .create-user-drawer .checkbox-container .checkbox-checkmark:after {
    left: 2.5px;
    top: 0.6px;
    width: 2.5px;
    height: 5px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.routename-manageUsers .create-user-drawer .check-green {
    font-size: medium !important;
    float:left;
}

.routename-manageUsers .create-user-drawer .checkbox-label {
    /* font-family: Ubuntu; */
    font-size: 12px;
    /* font-weight: normal; */
    margin-top: 2px;
    margin-left: 3px;
    font-stretch: normal;
    cursor: default;
    /* font-style: normal; */
    /* line-height: normal; */
    /* letter-spacing: normal; */
    color: #666666;
    float:left;
    border-bottom: 1px dashed #979797;
}

.routename-manageUsers .create-user-drawer .permission-header .checkbox-label {
    border-bottom: none;
}

.routename-manageUsers .create-user-drawer .drawer-header {
    font-family: Ubuntu;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.87;
    letter-spacing: normal;
    color: #656565;
    float:left;
    width: 50%;
}

.routename-manageUsers .create-user-drawer .drawer-information {
    opacity: 0.68;
    font-family: Ubuntu;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: right;
    color: #696969;
    float:left;
    width: 50%;
    margin-top: 5px;
}

.routename-manageUsers  .create-user-drawer #sub-header-1th {
    margin-top: 48px;
    width: calc(100% - 11px);
}

.routename-manageUsers .create-user-drawer .admin-access, .create-user-drawer .user-access, .create-user-drawer .role-section {
    margin-top: 16px;
}

.routename-manageUsers .create-user-drawer .header .section-title, .create-user-drawer .drawer-header {
    text-transform: uppercase;
    display: inline-block;
}

.routename-manageUsers .create-user-drawer .header .subtitle {
    opacity: 0.68;
    font-family: Ubuntu;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #696969;
    text-decoration: none;
}

.routename-manageUsers .create-user-drawer .app-selector {
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #636363;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    background-color: #ececec;
    padding: 15px 12px;
    width: calc(100% - 34px);
}

.routename-manageUsers  .user-access .section-title {
    padding: 5px 0px;
}

.routename-manageUsers  .user-access .permission-header {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background-color: #ececec;
    width: calc(100% - 34px);
    padding: 8px 12px;
    height: 12px;
}

.routename-manageUsers  .create-user-drawer .section-close-icon {
    float: right;
    color: silver;
}

.routename-manageUsers  .user-access .permission-header .table-description {
    font-family: Ubuntu;
    text-transform: uppercase;
    font-family: Ubuntu;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #484848;
    float: left;
    width: 15%;
    text-align: center;
    height: 10px;
}

.routename-manageUsers .user-access .permission-header .first-description {
    width: 40%;
    text-align: left;
}

.routename-manageUsers  .admin-access .app-selector {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.routename-manageUsers .create-user-drawer .first-column {
    width: 40% !important;
    text-align: left !important;
    float:left;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
}

.routename-manageUsers  .create-user-drawer .permission-column {
    width: 15%;
    text-align: center;
    float:left;
}

.routename-manageUsers  .create-user-drawer .permission-column .countly-checkbox-icon {
    top: -6px;
}


.routename-manageUsers .create-user-drawer .permission-column .countly-checkbox-native, .create-user-drawer #user-drawer-global-admin .countly-checkbox-native {
    top: -22px;
}

.routename-manageUsers .countly-checkbox-wrapper .fa-check {
    color: white;
}

/*
.routename-manageUsers .mark-all .countly-checkbox-native {
    top: -28px;
}
*/

.routename-manageUsers .create-user-drawer .permission-column .countly-checkbox-wrapper {
    margin-left: 25%;
}

.routename-manageUsers .create-user-drawer .permission-item {
    background-color: white;
    padding: 12px 12px;
    width: calc(100% - 24px);
}

.routename-manageUsers .create-user-drawer .gray {
    background-color: #f7f7f7;
}

.routename-manageUsers .create-user-drawer .permission-table {
    border: 1px solid #dbdbdb;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    width: calc(100% - 10px);
    height: 200px;
    overflow-y: scroll;
}

.routename-manageUsers  .create-user-drawer .permission-header .checkbox-container {
    margin-left: 5px;
}

.routename-manageUsers .create-user-drawer .permission-column .checkbox-container {
    margin-left: 30px;
}

.routename-manageUsers .create-user-drawer .selector-label { 
    float:left;
    width: 7%;
    margin-top:8px;
}

.routename-manageUsers  .create-user-drawer .selector-wrapper {
    float:left;
    width: 93%;
}

.routename-manageUsers  .create-user-drawer .create-user-button {
    border: none;
    border-radius: 2px;
    font-size: 14px !important;
    padding: 10px 25px 10px 25px;
    outline: none;
    margin-right: 5px;
    float: right;
    margin-right: 30px;
    margin-top: 5px;
}

.routename-manageUsers .create-user-drawer .selectize-input {
    min-height: 30px !important;
    height: 30px !important; 
    padding: 4px !important;
}

.routename-manageUsers  .create-user-drawer #new-user-group-select {
    width: calc(100% - 2px);
    height: 24px;
    padding: 2px 0px;
    margin-top: 7px;
}

.routename-manageUsers .create-user-drawer #new-user-group-select .select-items {
    width: 100% !important;
}

.routename-manageUsers .create-user-drawer .red-text, .create-user-drawer .green-text {
    padding-left: 0px;
    vertical-align: middle;
}

.routename-manageUsers .create-user-drawer .file-selected {
    border:2px solid #2EB52B;
}

.routename-manageUsers .create-user-drawer .create-new-user {
    float: right;
    border: none;
    margin-right: 25px;
    margin-top: 10px;
}  

.routename-manageUsers  .add-new-permission-set {
    margin-left: 0px;
    margin-top: 15px;
    background-color: #ef9c42;
    color: white;
    border: none;
}

.routename-manageUsers .manage-users-options-item .edit {
    display: block;
    right: 10px;
    top: 0;
    /* font-size: 17px;
    */
    cursor: pointer;
    color: #a7a7a7;
    background-color: rgba(255, 255, 255, 0.03);
    transition: background-color 1s;
    padding-top: 17px;
    padding-left: 17px;
    width: 34px;
    height: 34px;
}

.routename-manageUsers .manage-users-options-item .edit:before {
    font-size: 20px;
    font-family: 'Ionicons';
    content: "\f396";
}

.routename-manageUsers .manage-users-options-item .edit:hover {
    color: #6B6B6B;
    background-color: rgba(255, 255, 255, 0.06);
    transition: background-color 1s;
}

.routename-manageUsers .manage-users-options-item:hover .edit {
    display: block;
}

.routename-manageUsers .manage-users-options-item .edit-menu {
    margin: -16px -195px;
    display: none;
    float: left;
    z-index: 10;
    position: absolute;
    font-size: 13px;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 2px;
    width: 210px;
    padding: 10px 0 10px 0;
    border: 1px solid #d0d0d0;
}

.routename-manageUsers .manage-users-options-item .edit-menu .item {
    cursor: pointer;
    padding: 8px 20px;
    font-size: 24px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 13px;
    white-space: nowrap;
    color: #474747;
}

.routename-manageUsers .manage-users-options-item .edit-menu .item:hover {
    background-color: #f3f3f3;
}

.routename-manageUsers .manage-users-options-item .edit-menu:before {
    border: 4px solid rgba(194, 225, 245, 0);
    border-bottom-color: #FFF;
    right: 7px;
    top: -8px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.routename-manageUsers .manage-users-options-item, .edit-menu {
    margin-left: 75%;
}

.routename-manageUsers .manage-users-options-item .edit-menu:after {
    border: 5px solid rgba(194, 225, 245, 0);
    border-bottom-color: #d0d0d0;
    right: 6px;
    top: -10px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

.routename-manageUsers .create-user-drawer .edit-picture {
    color: #2EB52B;
    font-size: 12px;
    font-weight: bold;
    float: right;
    margin-top: 25px;
    margin-left: 20px;
    cursor: pointer;
}

.routename-manageUsers .discard-changes {
    border: none;
    font-size: 13px;
    background-color: white;
    font-family: 'UBUNTU';
    float: right;
    margin-top: 15px;
}

.routename-manageUsers .create-user-drawer #profile-picture-label {
    display: block;
}

.routename-manageUsers .create-user-drawer .update-picture::before {
    font-size: 20px;
    font-family: 'Ionicons';
    content: "\f396";
    color: gray;
}

.routename-manageUsers .create-user-drawer .drawer-loading {
    display: block;
    width: 20%;
    margin-left: 40%;
    margin-top: 25%;
    text-align: center;
}

.routename-manageUsers .create-user-drawer .drawer-loading img {
    width: 50%;
}

.routename-manageUsers .create-user-drawer .permission-column {
    text-transform: capitalize;
}

.routename-manageUsers .create-user-drawer .read-all span {
    left: -10px;
}

.routename-manageUsers #user-drawer-global-admin {
    float:left;
}

.routename-manageUsers .create-user-drawer .global-admin-checkbox-label {
    margin-top: 0px;
}

.routename-manageUsers .create-user-drawer #user-drawer-global-admin i {
    top: -6px;
}

/*
.routename-manageUsers .create-user-drawer #user-drawer-global-admin input {
    top: -35px;
}
*/

.routename-manageUsers .create-user-drawer .show-tooltip {
    color: #c5c3c3;
    font-size: 14px;
}

.routename-manageUsers .create-user-drawer #new-image-select {
    color: #2EB52B;
    font-size: 12px;
    font-weight: bolder;
    background-color: white;
    width: fit-content;
    top: -120px;
    left: 15px;
    position: relative;
    display: none;
}

.routename-manageUsers .create-user-drawer .dz-remove {
    font-size: 12px;
}

.routename-manageUsers .manage-users-table .own-row {
    opacity: 0;
}

x-vue-echarts > div:has(> .graph-tooltip-wrapper), x-vue-echarts > div:has(> .graph-notes-tooltip) {
    opacity: 0;
}